如何编号HTML标签？

Question

是否可能，如果可能，怎么样？要编号HTML标记，例如，如果有人按下调用javascript方法的按钮，该方法可以识别按其编号按下的按钮。然后，我想通过将所有图像文件名放在一个数组中来更改按钮的图像，以便使用1行JavaScript轻松更改图像。

Answer 1

在HTML5中，您可以使用custom attributes，其名称必须以“data-”开头。

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

不依赖于此，您可以添加包含该数字的类名，例如

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

另一种方法是使用unobtrusive javascript通过Javascript附加事件监听器作为保持对按钮索引号的引用的闭包：

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

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

Answer 2

您可以使用自定义属性：

<input type="button" data-sno="1">