如何在 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中文网其他相关文章！