jquery - 二级伪选择？

Question

我不知道是否已经有一个帖子，因为我不知道如何准确地表达这个问题，所以我举个例子..

<ul class=filters>
     <li class=segment-1>
         <a href="#">Web</a>
     </li>
</ul>

该代码用于在您单击列表项时过滤库的列表。

我想我应该能够使用代码来选择“Web”，这样我就可以在页面加载时自动过滤图库。

$('element*="Web"').click();

这是最好的做事方式吗？如果是..我应该用什么代替“元素”来选择 Web

Answer 1

$('ul.filters li a:contains("Web")').trigger('click');

Answer 2

有更好的方法，不必在每次标记文本略有变化时更新。

将一个类添加到锚标记，并使用与其用途相关的一些有意义的名称，然后执行以下操作（我用作navLink类名）：

$('.navLink').click();

或者使用现有的标记层次结构：

$('ul.filters > li.segment-1 > a').click();

PS请注意，我在您的标记中修复了您的属性值周围的引号：

<ul class="filters">
     <li class="segment-1">
         <a href="#" class="navLink" >Web</a>
     </li>
</ul>