jquery - tr 内の td タグのグループ化

Question

jqueryでより適切に使用するために、tr内にtdタグのグループを含む種類の「コンテナ」をセットアップしようとしています。基本的に、動的に生成したデータに基づいて特定の tds のセットを表示し、他の tds のセットを非表示にしたいと考えています。tbody を使用してみましたが、うまくいかないようです。div と span は、要素 tr 内にネストできないと不平を言っているようです。これを行う適切な方法はありますか？

Answer 1

最も適切な方法は、後でセレクタとして参照できる特定のクラス名を各「TD」要素に割り当てることです。

例：

<tr>
  <td>foo</td>
  <td>foo</td>
  <td>foo</td>
  <td class="bar">bar</td>
  <td class="bar">bar</td>
  <td class="bar">bar</td>
  <td>foo</td>
  <td>foo</td>
</tr>

$('td.bar').css({color: 'red'});

ここでデモ

Answer 2

これらの「グループ」にクラスを追加し、クラスに応じて td の可視性を変更します。たとえば、クラス「yourClass」を表示したくないすべてのものに追加し、次の CSS ステートメントを設定すると、.yourClass{ display:none }それらの td は表示されません。

ここにフィドルがあります。

そして、クラス自体でjQueryを使用してテーブルからそれらのtdを選択できます!

$("td.yourClass");

または、クラスを持たないすべてのもの(逆選択) が必要な場合は、クラスを持たない$("td:not(.yourClass.)");すべての td を返すようにセレクターを変更します。yourClass