Использование jQuery для поиска идентификатора содержащего элемента

Question

<li id="someID">
    <div id="div1">Text</div>
    <div id="div2">Text x 2</div>
    <div id="div3">Text x 3</div>
        <span>
            <div>
                <ul>
                    <li class="menuItem">Menu Item</li>
                </ul>
            </div>
        </span>
</li>

Короче говоря, я пытаюсь найти идентификатор "someID" при нажатии на класс "menuItem". Код ниже, кажется, не сокращает его.

$('.menuItem').click(function(){alert($(this).closest('li').attr('id'));});

Answer 1

вместо .closest('li'). используйте .parents('li'). ( обратите внимание на множественное число )

Это даже упоминается в документации closest().

Answer 2

Другой подход - поместить класс в li, который вы пытаетесь идентифицировать, и сделать селектор .closest () более точным.

например

<li class="master" id="someID">
    <div id="div1">Text</div>
    <div id="div2">Text x 2</div>
    <div id="div3">Text x 3</div>
        <span>
            <div>
                <ul>
                    <li class="menuItem">Menu Item</li>
                </ul>
            </div>
        </span>
</li>

$('.menuItem').click(function(){alert($(this).closest('li.master').attr('id'));});

Answer 3

вы можете использовать .parent

.parents("li") so it will return the li parent

Answer 4

Если вам нужен родитель, тогда вы можете использовать .parent, который задокументирован здесь