jQuery, как я могу найти li, в котором находится div?

Question

Я пытаюсь

$(this).parent('li').attr('widgetid')

Потому что, когда я нажимаю в следующем макете, я хочу найти виджет

<li widgetid="1">
    <div class="widgetHeader">
        <div class="widgetIcon"></div>
        <div class="widgetTitle"></div>
        <div class="widgetEdit"></div>
        <div class="widgetClose"></div>
    </div>
    <div class="widgetHeader"></div>
</li>

но я получаю "undefined", поэтому я думаю, что потерял себя "widgetClose" - это триггер div для того, что я пытаюсь сделать.

Answer 1

Вы можете использовать:

$(this).closest('li').attr('widgetid');

Ссылки:

• closest().

Answer 2

Вместо использования родительского метода со селектором (который будет возвращать значение только в том случае, если непосредственный родительский элемент соответствует селектору), вы можете использовать метод родителей:

$ (this) .parents ("li: eq (0) "). attr (" widgetid ")

Метод parent просматривает все элементы-предки и возвращает все, что соответствует селектору (в этом случае селектор запрашивает первый li, если он найден)).

Answer 3

вы можете использовать .parents вместе с event.stopPropagation

$("div").click(function(e){
    e.stopPropagation();
alert($(this).parents('li').attr('widgetid'));

});

http://jsfiddle.net/FhVgp/3/

Answer 4

В любом случае вы должны привязать только один прослушиватель события щелчка только для родительского элемента всех интерактивных элементов, а затем использовать event.target в функции click для ссылки на элемент, на который щелкнули.

Оттуда вы можете найтиближайший элемент <li> с использованием метода jQuery .closest().