jQuery选择元素，如果有特定内容

Question

我需要选择包含内容“tree”的列表元素，这个元素可以在任何位置，原始列表有很多结果。

<ul>
   <li>House</li>
   <li>Table</li>
   <li>Tree</li>
   <li>Boat</li>
</ul>

如果

的内容为“tree”，如何查询jquery？如果是，我需要添加一个特定的类。我知道如何添加课程，但我不知道如何检查“内容”。

帮助？！

Answer 1

您可以使用jquery包含选择器（http://api.jquery.com/contains-selector/）

 $("ul li:contains('tree')") 

将获得带有＆＃39;树的元素＆＃39;作为文本

Answer 2

$('ul li').each( function(){
  var jThis = $(this);
  if(jThis.text() === "Tree"){
    jThis.addClass('myClass');
  }
});

Answer 3

Whiirrrr，Whiz，Bang，现在为你搜索。

建议谷歌查询：“jquery选择器内容”

第一个结果：http://api.jquery.com/contains-selector/

$(":contains(text)")

描述：选择包含指定文本的所有元素。

text：要查找的文本字符串。它区分大小写。 （它也被引用）

他们的例子：

查找包含“John”的所有div并将其加下划线。

$( "div:contains('John')" ).css( "text-decoration", "underline" );

你的问题：

$("li:contains('Tree')").addClass("someClass");

Answer 4

$( "ul li:contains('tree')" );

参考contains

Answer 5

试试这个，

$function(){
   $("ul li:contains('Tree')").addClass('clsName');
});

阅读contains()