我怎样才能找到有jQuery的父母？

Question

可能重复： jQuery:找到所有的父母，直到一个特定的父母

我有以下几点：

<div class="modal-window block-border">
    <ul class="action-tabs right">
        <li><a title="Close window" href="#"><img width="16" height="16" src="images/icons/fugue/cross-circle.png"></a></li>
    </ul>
    <div class="block-content no-title">
        <div style="min-width: 200px; min-height: 40px; width: 300px; height: 221px;" class="modal-content modal-scroll">
            <h1>Admin</h1>
            <div class="block-header">
                Please login
            </div>
            <form novalidate="novalidate" action="/MyAccount/Access/JsonLogin" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-success="dialogSuccess()" data-ajax-update="#update-message" name="login-form" id="login-form" method="post">

我引用的表格是$(这个)。有了这个引用，我如何才能找到对类的引用，其中最上面的div称为“模式窗口”？

Answer 1

因为您可能不确定目标元素离当前元素有多远，并且假设您只想找到一个目标元素：

$(this).closest('.modal-window');

• parent()选择$(this)的直接父元素，返回一个或无一个jQuery对象.
• parents()选择$(this)的所有匹配祖先元素，返回一个、无一个或多个的jQuery对象。
• closest()选择与$(this)‘树’上DOM‘树’中的选择器匹配的第一个元素，返回一个或无一个jQuery对象。

Answer 2

您可以使用.parents()函数，并传递给它一个选择器，以使父函数匹配它，这意味着如果指定的选择器被父母多次使用，它将返回所有匹配的父函数。

$(this).parents('.modal-window');

http://api.jquery.com/parents/

Answer 3

$(this).parents('.modal-window');

它是父母，而不是父母，因为你想要的是祖先，而不是亲生父母。

见http://api.jquery.com/parent/和http://api.jquery.com/parents/