使用 jQuery 如何在使用 .closest() 时选择一个孩子？

Posted 2023-05-09

【中文标题】使用 jQuery 如何在使用 .closest() 时选择一个孩子？

【英文标题】：Using jQuery how can I select a child when also using .closest()?

【发布时间】：2014-01-25 09:34:37

【问题描述】：

我正在尝试在我的 html 中选择一个元素，我可以使用以下命令来选择它...

$(".card .card-title > div a span.paragraph-end").css( background: "linear-gradient(to right,rgba(255,255,255,0)," + $(this).css("background-color") + "" );

我从上面开始，所以我可以看看它是否有效，现在我试图只选择我想要更改的页面上的实例，而不是全部。所以我可以选择我想更改的.card：

$(this).closest(".card")

但是做

$(this).closest(".card .card-title div a span.paragraph-end").css( background: "linear-gradient(to right,rgba(255,255,255,0)," + $(this).css("background-color") + "" );` 

对我不起作用。使用最接近的方法后如何选择子类？

【问题讨论】：

@Jeff, this 是我设置的一个div，供用户点击。

【参考方案1】：

您需要在当前card 中找到paragraph-end 元素，因此使用closest() 来定位card，然后使用.find() 来定位paragraph-end 元素

$(this).closest(".card").find(".card-title div a span.paragraph-end").css(
    background: "linear-gradient(to right,rgba(255,255,255,0)," + $(this).css("background-color") + ""
);

【讨论】：

谢谢！工作完美！我发现了不同的方法，例如has() 之类的，但没有一个有效。不知道我是怎么错过这个的，我非常感谢！