排除<li>在<a>其子项的标签中</a>带有特定文本

Question

我想用<a>标签中的特定文本排除<li>

HTML:-

<ul>
<li class ="Group Select">
  <span><a>Good</a></span>
</li>
<li class ="Group NotSelect">
  <span><a>Bad</a></span>
</li>
<li class ="Group NotSelect">
   <span><a>What</a></span>
</li>
<li class ="Group NotSelect Hidden">
  <span><a>Better</a></span>
</li>
<li class ="Group NotSelect">
  <span><a>Best</a></span>
</li>
<li>
  <span><a>BadDuplicate</a></span>
</li>

最后，我想要类 Group Select 或 Group NotSelect 但不是 Group NotSelect Hidden 的 li，我不想要<a>标签中有“What”的 li

迄今为止

$possibleli = $('li.Group').not("[class='Group NotSelect Hidden']");

这给了我我需要的所有li's ，但我想删除<a>标签中包含内容的 li

Answer 1

将:contains()选择器与 .not 函数结合使用（或 not 选择器与 :contains 选择器结合使用），如下所示：

$possibleli = $('li.Group').not("[class='Group NotSelect Hidden']").not(':contains(What)');

或者

$possibleli = $('li.Group:not(.Hidden):not(:contains(What))');

Answer 2

 $(".Group.Select, .Group.NotSelect").not(".Hidden, :contains('What')").addClass("red");

 .red{background:red;}

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> I want li with class Group Select or Group NotSelect <br> but not Group NotSelect Hidden <br>and I do not want li which has "What" in its A tag <ul> <li class ="Group Select"> <span><a>Group Select</a></span> </li> <li class ="Group NotSelect"> <span><a>Group NotSelect</a></span> </li> <li class ="Group NotSelect"> <span><a>What</a></span> </li> <li class ="Group NotSelect Hidden"> <span><a>Group NotSelect Hidden</a></span> </li> <li class ="Group NotSelect"> <span><a>Group NotSelect</a></span> </li> <li> <span><a>BadDuplicate</a></span> </li> </ul>