如何使用 jQuery 的属性选择器有选择地隐藏 HTML 表格列？

使用 jQuery 按名称选择元素

使用 HTML 表格时，您可能会遇到需要根据名称操作元素的情况。 jQuery 提供了一种按名称属性选择元素的便捷方法。

在您的示例中，您尝试使用 $("tcol1").hide() 按名称选择列来隐藏列。然而，这种方法不起作用，因为 jQuery 的 hide() 方法只接受类选择器。

要按名称选择元素，可以使用 jQuery 属性选择器。以下代码演示了根据名称匹配元素的几种方法：

// Matches exactly 'tcol1'
$('td[name="tcol1"]')

// Matches those that begin with 'tcol'
$('td[name^="tcol"]')

// Matches those that end with 'tcol'
$('td[name$="tcol"]')

// Matches those that contain 'tcol'
$('td[name*="tcol"]')

这些选择器可用于隐藏元素，如下所示：

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

以上是如何使用 jQuery 的属性选择器有选择地隐藏 HTML 表格列？的详细内容。更多信息请关注PHP中文网其他相关文章！