jquery - 如何根据元素的内容添加类？

Question

假设您有一个像这样的表：

<table>
<tr>
<td>Group 1</td>
<td>some data here</td>
<td>Group 2</td>
</tr>
</table>

并且您希望它像这样：

<table>
<tr>
<td class="group1">Group 1</td>
<td>some data here</td>
<td class="group2">Group 2</td>
</tr>
</table>

下面 Nick Craver 和 Kevin 的解决方案都可以很好地工作。谢谢你们！我为什么要做这样的事？为提供研讨会的非营利组织设计时间表。

Answer 1

我不确定为什么你要这样做（我会停下来诚实地看看，可能有更好的方法）。

不过，您可以使其通用。例如，您可以将函数传递给 .addClass() :

$("td:contains('Group ')").addClass(function() { 
  return this.innerHTML.replace("Group ", "group");
});

Answer 2

如果您的内容仅包含“Group X”，您只需删除空格并将文本转换为较低的值即可。

例如：

$('td').each(function() {
     var className = $(this).html().replace(' ', '').toLowerCase();
     $(this).addClass(className);
});