选择li，其中innerHtml在JQuery中等于“X”

Question

如果我有以下内容：

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

我可以只选择“innerHtml”等于“Chris”的li吗？

像

这样的东西

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

Answer 1

使用 :contains() 选择包含指定文字的元素。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

要完全匹配，请使用 filter() 方法

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;