展開して非表示にしようとしているテーブル列があります。jQuery は、要素の<td>
で選択すると要素を非表示にするようです。class
name
例えば:
$(".bold").hide(); // Selecting by class works.
$("tcol1").hide(); // Selecting by name does not work.
以下の HTML に注意してください。2 番目の列はname
すべての行で同じです。属性を使用してこのコレクションを作成するにはどうすればよいでしょうかname
?
<tr>
<td>data1</td>
<td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
<td>data1</td>
<td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
<td>data1</td>
<td name="tcol1" class="bold"> data2</td>
</tr>
ベストアンサー1
あなたはjQuery 属性セレクター:
$('td[name="tcol1"]') // Matches exactly 'tcol1'
$('td[name^="tcol"]' ) // Matches those that begin with 'tcol'
$('td[name$="tcol"]' ) // Matches those that end with 'tcol'
$('td[name*="tcol"]' ) // Matches those that contain 'tcol'