jQuery :has(. 东西 :contains()) unsupported?

Question

鉴于下面的 HTML，我尝试使用 jQuery 来匹配所有具有类“foo”的跨度的列表项，并且该跨度应包含文本“relevant”。

<ul> 
  <li>Some text <span class="foo">relevant</span></li> 
  <li>Some more text <span class="foo">not</span> <span class="bar">relevant</span></li> 
  <li>Even more <span class="foo">not so either</span></li> 
  <li>Blablabla <span class="foo">relevant</span> <span class="bar">blabla</span></li> 
  <li>No foo here <span class="bar">relevant</span></li> 
</ul>

请注意，还有一些带有“bar”类的跨度，并且还具有文本“relevant”，不应包含这些内容。

我对选择器的尝试:

ul li:has(.foo:contains('relevant"))

这不起作用。下一个示例选择某些内容，但没有考虑到列表中有多个跨度:

ul li:has(span:contains('relevant"))

Here is a live example that you can play with 。在工作版本中，仅应选择该列表的第一个和第四个元素。

Answer 1

看看这个:

$(document).ready(function(){
    $('span.foo:contains(relevant)').parents('li').each(function() {
       alert($(this).text());
    });
});