如何对 HTML 标记进行编号

How to number HTML tags?

本文关键字：编号 HTML      更新时间：2023-09-26

可能吗，如果是的话，如何？对HTML标签进行编号，例如，如果有人按下一个调用javascript方法的按钮，该方法可以识别哪个按钮被按下了它的编号。然后，我想更改按钮的图像，方法是将所有图像文件名放在一个数组中，以便使用 1 行 JavaScript 轻松更改图像。

在HTML5中，您可以使用自定义属性，它们的名称必须以"data-"开头。 

<input type="button" data-index="1" />

无需依赖它，您可以添加一个包含数字的类名，例如

<input type="button" class="index-1" />

另一种方法是使用不显眼的javascript通过Javascript附加事件侦听器作为闭包，以保留对按钮索引号的引用：

$('.buttonclass').each(function(index, button){
    button.click(function(){
        // event handling code that uses the index variable
    })
});

（上面的代码使用jQuery，这不是绝对必要的，但使事情变得更容易）

您可以为此使用自定义属性：

<input type="button" data-sno="1">
相关文章：