jQuery多个parent()调用

Question

我有这个jQuery代码：

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

$(this)对象嵌套在两个

标签中，如下所示：

<div>
    <div>
        <a href="">$(this)对象</a>
    </div>
<div>
        <a href="">要淡入的对象</a>
    </div>
</div>

有人能指点我如何使我的jQuery更加简洁吗？上面呈现的结构会被多次复制，因此使用类和ID是不可能的。

- Bojangles

Answer 1

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

您可以使用类（或任何其他可选择的属性），并使用.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);

- Nick Craver

---

谢谢 :-) 我会将类添加到我的包含 div 的元素中。 - Bojangles

非常感谢，尽管我来晚了！我曾试图在表格结构中进行父级等操作，忘记了像你一样简单地查找具有特定类的最近父级。这使得它更加容易和清洁！ - Malachi

Answer 2

你可以使用.parents([selector])方法，这里是链接。它可以遍历多个父级元素。

- Josiah Ruddell

Answer 3

使用parents()方法

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

- Mark Baijens