Jquery - 选择 <a href="specific-url"> 周围的 <li>

Posted 2023-03-05

【中文标题】Jquery - 选择 <a href="specific-url"> 周围的 <li>

【英文标题】：Jquery - Select the <li> around <a href="specific-url">

【发布时间】：2012-05-11 09:39:13

【问题描述】：

这应该很简单：

<li>
    <a href=""></a>
</li>
<li>
    <a href="specific-url"></a>
</li>

我想根据<a> 标签的属性选择<li>，并在href 中带有特定的url。 （不要使用last-child）

我该怎么办？

【问题讨论】：

你试过什么？ jQuery 的文档非常丰富：api.jquery.com/category/selectors。看看并尝试！

【参考方案1】：

就这么简单：

$('a[href="specific-url"]').parent('li');

【讨论】：

@Felix Kling：是的，我故意使用parent() 作为附加检查:-)

是的，我更多地指的是 gdoron 的评论...已修复 ;) 鉴于代码，.parent() 无论如何都是第一个想到的...

【参考方案2】：

给你：

$('li:has(a[href="specific-url"])')

Live DEMO

另一种方式是：

$('li > a[href="specific-url"]').parent()

Live DEMO

【讨论】：

哦，甚至还有一个选择器。 +1

虽然不会使用querySelectorAll ;)

我喜欢这个。感谢演示！

我认为第一个是最干净的。第二次来回再回去。第二个也可以。谢谢@gdoron

【参考方案3】：

$("a[href='specific-url']").parent("li");

【参考方案4】：

匹配a，然后调用.parent()。

编辑哎呀，花 30 秒检查你的答案，三个 人在你之前进入...

【参考方案5】：

$("li a[href='specific-url']").parent();

【讨论】：

请注意，它可以为您提供不是li 的元素。这取决于嵌套。

这适用于提供的 html 结构，但你是对的。

【参考方案6】：

$('a[href="specifi_url"]').parent('li');

【参考方案7】：

$("li > a[href='specific_url']").parent()