jQuery 多个 parent() 调用

Posted 2023-02-19

【中文标题】jQuery 多个 parent() 调用

【英文标题】：jQuery multiple parent() calls

【发布时间】：2011-05-23 02:31:07

【问题描述】：

我有这个 jQuery：

$(this).parent().parent().find(".license_tooltip").stop(true, true).fadeIn(200);

$(this) 对象嵌套在两个 divs 中，如下所示：

$(this) 对象 要淡入的对象

谁能指出我正确的方向，使我的 jQuery 更加精简？上面介绍的结构被多次复制，因此使用类和 ID 是不可能的。

【参考方案1】：

您可以使用类（或任何其他可选属性）和.closest() 来声明您想要的父级，如下所示：

<div class="container">
    <div>
        <a href="">$(this) object</a>
    </div>

    <div>
        <a href="">object to fade in</a>
    </div>
</div>

对于脚本：

$(this).closest(".container").find(".license_tooltip").stop(true, true).fadeIn(200);

【讨论】：

谢谢 :-) 我会添加类到我的包含 divs

也谢谢你，尽管我迟到了！我试图在表结构中做父级等的父级，忘记简单地（就像你做的那样）在具有某个类的结构中寻找最近的父级。让它更容易和更清洁！

【参考方案2】：

您可以使用.parents( [ selector ] ) here is a link

它将遍历不止一个父级。

【参考方案3】：

使用parents()

$(this)
    .parents('selector for the parent you need to look in')
    .find(".license_tooltip")
    .stop(true, true)
    .fadeIn(200);