jquery - 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のソリューションはどちらもうまく機能します。みんなありがとう！なぜ私はそのようなことをしたいのですか？ワークショップを提供する非営利団体のタイムテーブルを作成する。

score 4 · Accepted Answer

なぜあなたがこれを行うのかわかりません（私は立ち止まって正直に見てみます。おそらくもっと良い方法があります）。

ただし、ジェネリックにすることはできます。たとえば、次のようにに関数を渡すことができます.addClass()。

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

score 1 · Accepted Answer

コンテンツに「Group X」のみが含まれる場合は、スペースを削除してテキストを低く変換できます。

例えば：

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

2 に答える 2