jquery <li> событие click для дочерних элементов

Question

jquery <li> событие click для дочерних элементов

0

HTML

<ul id="wrapper">
    <li>
        <ul class="pr">
            <li>
                <ul class="pr">
                    <li></li>
                    <li></li>                       
                </ul>
            </li>
            <li>
                <ul class="pr">
                    <li></li>
                    <li></li>                       
                </ul>
            </li>
        </ul>
    </li>
    <li>
        <ul class="etc">
            <li>
                <ul class="etc">
                    <li></li>
                    <li></li>                       
                </ul>
            </li>
            <li>
                <ul class="etc">
                    <li></li>
                    <li></li>                       
                </ul>
            </li>
        </ul>
    </li>
</ul>

Я хочу, когда вы нажимаете на каждый элемент li, добавляет класс к своим li элементам ul (ближе всего ul, а не все ul внутри них).

Как это сделать?

Извините за мой плохой английский.

Nguyen Thanh 02 окт. 2013, в 06:18

Источник

Теги:

jquery

html

children

3 ответа

1

Как это?

$('li').on('click', function(){
    // > mean one level children
    $('> ul', this).addClass('yourClass');
});

Chokchai 02 окт. 2013, в 01:13

1

$('li:has(ul)').click(function () {
    $(this).children('ul').addClass('ClassName');
});

Рекомендации

.click()

.addClass()

: есть()

если вы хотите добавить класс ко всем ul-элементам внутри li. find()

$('li:has(ul)').click(function () {
    $(this).find('ul').addClass('ClassName');
});

Tushar Gupta 02 окт. 2013, в 01:03

Ещё вопросы

Arun P Johny · Accepted Answer · 2013-10-02T02-04-00.000Z

Пытаться

$('#wrapper li:has(ul)').click(function (e) {
    $(this).children('ul').toggleClass('myclass');
    e.stopPropagation();
})

Демо: скрипка

благодарю вас! но я хочу их добавить класс ближайших детей ul только, не все ul внутри них.
класс добавляется только к этому ul, но все остальные элементы наследуют свойство
@Boulevard посмотреть обновление .. это было из-за распространения событий
используйте css для исправления наследования цвета ul, ul.myclass li ul{ color:black; }