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

javascript dom jquery html jquery-selectors

2022-08-29 22:00:46

我有一个表格列，我试图扩展和隐藏。jQuery似乎隐藏了元素，当我选择它但不是通过元素的.<td>classname

例如：

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

请注意下面的 HTML。第二列对于所有行都具有相同的内容。如何使用该属性创建此集合？namename

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

答案 2

可以使用方式选择任何属性。请参阅此处的示例：[attribute_name=value]

var value = $("[name='nameofobject']");