javascript - 使用 jQuery 选择父级

Question

你好，我有一些看起来像这样的 HTML，

<div id="music_interests">
    <ul class="interests">
        <li >
        <div class="interest inline">
        <img src=""/>
        <div class="interest_popup">
            1 users have this interest.
        <a href="http://localhost/love/index.php/my_profile/remove_interest/34" class="button red upper rounded_5 small remove">Remove interest</a>                                     </div>
            </div>
        </li>
    </ul>

当用户单击删除按钮时，我需要选择父 div(在本例中为 music_interests)。我该怎么做？

我尝试过以下操作，

$(this).parent().parent().parent().parent() 但有没有更优雅的方式？

更复杂的是，在应用程序中我实际上不会没有 parent ID，因为删除按钮出现在页面上的 4 或 5 个不同区域。

Answer 1

你应该使用closest()

$(this).closest('div#music_interests');
//find the nearest div with id "music_interests"
//if i omitted the id, it retrieves the div with class "interest_popup"

或parents()

$(this).parents('div:eq(1)');
//get ALL the ancestor divs (until it reaches root tag)
//since music_interests is just 2 levels up, use :eq(1)