0

可能重复：
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">

我参考了 $(this) 的形式。鉴于此参考，我如何找到对具有最高 div 的类的参考，称为“modal-window”？

4

4 回答 4

5

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

$(this).closest('.modal-window');
  • parent()选择 的直接父元素$(this)，返回一个 jQuery 对象，或者没有。
  • parents()选择所有匹配的祖先元素$(this)，返回一个、无或多个的 jQuery 对象。
  • closest()在 DOM '树' 中选择与选择器匹配的第一个元素，返回$(this)一个 jQuery 对象，或无。
于 2012-04-22T08:57:18.480 回答
1

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

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

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

于 2012-04-22T08:54:23.833 回答
0 
$(this).parents('.modal-window');

它是父母而不是父母，因为您想要祖先而不是直接父母。

请参阅http://api.jquery.com/parent/和http://api.jquery.com/parents/

于 2012-04-22T08:56:59.343 回答
0

使用.parent()来自jquery api的函数。

于 2012-04-22T08:59:18.003 回答