小编典典

如何使用jQuery按名称选择元素?

javascript

有一个我要扩展和隐藏的表列:

td当我按而不是按元素的名称选择jQuery时,jQuery似乎隐藏了这些元素。

例如,为什么这样做:

$(".bold").hide(); // selecting by class works
$("tcol1").hide(); // select by element name does not work

请注意下面的HTML,第二列的所有行都具有相同的名称。如何使用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>

阅读 433

收藏
2020-04-25

共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'
2020-04-25