javascript - 如何使用jQuery按名称选择元素？(How can I select an element by name with jQuery?)

Question

Have a table column I'm trying to expand and hide:

(有一个表格列我正在尝试展开和隐藏：)

jQuery seems to hide the td elements when I select it by class but not by element's name .

(当我按类而不是按元素名称选择时，jQuery似乎隐藏了td元素。)

For example, why does:

(例如，为什么：)

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

Note the HTML below, the second column has the same name for all rows.

(请注意下面的HTML，第二列对所有行都具有相同的名称。)

How could I create this collection using the name attribute?

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

  ask by T.T.T. translate from so

Answer 1

You can use the attribute selector:

(您可以使用属性选择器：)

$('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'