如何在 jQuery 中按名稱屬性選擇元素？

在 jQuery 中按名稱屬性選擇元素

在 jQuery 中，使用 $(".bold") 按類別名稱選擇元素非常簡單。但是，當嘗試按名稱屬性選擇元素時會出現困難，例如 $("tcol1")。

問題

考慮以下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>

雖然按類別選擇($(".bold")) 效果很好，但按名稱選擇($( "tcol1")) 似乎是徒勞無功的。這是因為 jQuery 需要更細緻的語法來依名稱屬性定位元素。

使用 jQuery 屬性選擇器

要依名稱屬性選擇元素，請使用 jQuery 屬性選擇器。以下是一些常見選項：

• 精確匹配： $('td[name="tcol1"]')
• 匹配前綴： $('td[name^="tcol"]')
• 匹配後綴: $('td[name$="tcol"]')
• 匹配子字串： $('td[name*="tcol"]')

透過使用這些屬性選擇器，您可以輕鬆地根據名稱屬性定位元素。

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