扫描特定html元素的页面并分配css类

Question

如果我有以下代码片段的内部表格

<td>TimeOfArrival</td>

我如何扫描整个这个特定的HTML并指定像

这样的CSS

<td class="myClass">TimeOfArrival</td>

Answer 1

您可以使用filter()查找td的确切文本并更改其类别。

$('td').filter(function(){
  return $(this).html() == "TimeOfArrival";
}).addClass("myClass");

如果您正在寻找包含 TimeOfArrival 的tds，那么您可以将:contains与td一起使用。

$( "td:contains('TimeOfArrival')" ).addClass( "myClass" );

Answer 2

使用contains选择器

$( "td:contains('TimeOfArrival')" ).addClass( "myClass" );

Answer 3

包含选择器是一个好主意，但如果由于任何浏览器支持问题或任何原因它无法使用此

$("td").each(function(
  if($(this).text() == 'TimeOfArrival'){
    $(this).addClass('myClass');
  }
))