排除<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>