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

一尘不染

如何使用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>

阅读 390

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