使用 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中文网其他相关文章!