二级伪选择？

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

P.S。请注意，我在标记中修改了属性值周围的引号：

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