jQuery 多个parent() 调用

Question

我有这个 jQuery：

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

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

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

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

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

Answer 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);

Answer 2

您可以使用 .parents( [选择器] ) 这里是一个链接

它将向上遍历不止一个父级。

Answer 3

使用父母（）

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