如何使用 jQuery 按名稱屬性選擇 HTML 元素？

使用jQuery 按名稱選擇元素

jQuery 提供了多種選擇元素的方法，但最直接的方法是透過元素的名稱來選擇元素name 屬性正在使用屬性選擇器。此方法可讓您指定要符合的名稱屬性和值。

要按名稱選擇元素，請使用語法 $('[name="element_name"]')。例如，在提供的HTML 中：

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

要使用jQuery 隱藏第二列，您可以透過其名稱屬性選擇它：

$('td[name="tcol1"]').hide();

除了完全匹配之外， jQuery也提供了屬性選擇器，可以靈活地進行匹配：

• StartsWith ('^'): 符合name 屬性以指定值開頭的元素，例如$('td [name^="tcol"]').
• EndsWith ('$') : 符合name 屬性以指定值結尾的元素，例如$('td[name$ ="tcol"]').
• 包含('*'): 匹配name 屬性包含指定值的元素，例如$('td[name*="tcol" ]' )。

以上是如何使用 jQuery 按名稱屬性選擇 HTML 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！