VPF::вопрос по jquery вкратце не объясню

zammar

Дата 3.11.2012, 14:25 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 289
Регистрация: 30.10.2008

Репутация: нет
Всего: нет

Есть такой код html. список в два уровня. Первый открытый второй закрытый

Код


<ul class="test">
    <li>
        <a ...>
        <ul style="display:none;">
            <li>
            </li>
        </ul>
    </li>
</ul>

Теперь задача чтобы при клике на элемент списка li открывался его непосредственный подсписок ul. Не все внутренние а только непосредственный потомок

Делаю так:

Код


$(document).ready(function(){
    $('ul.test li').live("click", function(){

        // здесь хочу обратиться к непосредственному потомку тега li к тегу ul, чтобы сделать ему display block. но как грамотно это сделать?
        // $(this) так я обращаюсь к li на который нажали, а дальше как можно прописать дополнительные селекторы?
        // типа $(this).("бла бла бла"); Какой метод надо вызвать для указания дополнительных селекоторов?


        $(this + " > ul").css("display", "block"); // так не работает

    });
});

Amphiluke

Дата 3.11.2012, 21:49 (ссылка)

(голосов:1)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 17
Всего: 112

Код


$(this).children("ul").show();

P.S. Метод .live() уже давно deprecated. Используйте .on(), если только вам не навязана старая версия библиотеки.

zammar

Дата 4.11.2012, 15:57 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 289
Регистрация: 30.10.2008

Репутация: нет
Всего: нет

спасибо большое.
да версия 1.6

Amphiluke

Дата 4.11.2012, 17:36 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 17
Всего: 112

Цитата(zammar @ 4.11.2012, 19:57

)

да версия 1.6

В таком случае лучшим решением будет .delegate() вместо .live()

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »