Как я могу использовать jquery, чтобы выбрать родственный элемент родительского элемента?

Question

Я пытаюсь использовать jquery, чтобы специально выбрать родственный элемент родительского элемента, который имеет то же самое.код выглядит так:

HTML

    <div class="cool-check-list">
        <ul>
        <li>
            <label>
                <span class="icon"></span> <!-- trying to select this -->
                Awesome Label Name
            </label>

            <ul>
                <li>
                    <label>
                        <span class="icon"></span> <!-- clicking this toggles the class of the above icon class -->
                        Awesome Label Name 2
                    </label>    
                </li>                        
            </ul>
        </li>
        </ul>
   </div>

JQUERY

    $('.icon', '.cool-check-list').click( function(e){

    $(this).parent('li label .icon').toggleClass('icon-alternate');

    });

Answer 1

Предполагая, что вы уже получили ссылку на выбранный интервал, вы можете сделать следующее:

$(this).closest("ul").siblings().find(".icon")

Где this - это span, на который вы нажали.closest получает ближайшего предка, соответствующего селектору.

Answer 2

Вы должны сказать нам более точно, что вы хотели выбрать и что вы пытались.

В любом случае, вы можете использовать функцию parent () jquery, например:

$(".icon").parents("li")

выберет каждый узел li ' до ' значок класса в DOM.

Кстати, позаботьтесь о разнице между родителей и родителей - цитируя документацию jquery:

Методы .parents () и .parent () похожи, за исключением того, что последние путешествует только на один уровень вверх по DOM дерево.