與innerHTML的選擇裏，在JQuery的

Question

等於「X」如果我有以下幾點：

<ul> 
    <li>Bob</li> 
    <li>Chris</li> 
    <li>Julie</li> 
</ul> 

我可以選擇只具有'innerHTML的」等於‘克里斯’的li？

喜歡的東西

$('ul').child('li' html:'Chris'); // I dunno.. 

Answer 1

使用:contains()選擇包含指定文本元素。

$('ul li:contains(Chris)').css('color','red')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li>Bob</li> 
 
    <li>Chris</li> 
 
    <li>Julie</li> 
 
</ul>

---

對於完全匹配使用filter()方法

$('ul li').filter(function() { 
 
    return $(this).html() == 'Chris'; 
 
}).css('color', 'red')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li>Bob</li> 
 
    <li>Chris</li> 
 
    <li>Julie</li> 
 
</ul>