Question

可能重复：
jQuery: find all the parents up to a specific parent

我有以下内容：

<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">

我引用了$（this）这个表单。鉴于此参考，如何找到对具有最顶层div的类的引用，称为“模态窗口”？

Answer 1

因为您可能无法确定目标元素与当前元素的确切距离，并假设您只想找到一个目标元素：

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

parent()选择$(this)的immediate-parent元素，返回一个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/

Answer 4

使用jquery api中的.parent()功能。

如何找到jQuery的父级？

4 个答案: