如何給HTML標籤編號？

Question

有沒有可能，如果有的話，怎麼樣？爲了給HTML標籤編號，例如，如果有人按下一個調用JavaScript方法的按鈕，該方法可以識別哪個按鈕被其編號推動。然後，我想要更改按鈕的圖像，將所有圖像文件名放在數組中，以便使用1行JavaScript更改圖像。

Answer 1

您可以使用自定義屬性是：

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

Answer 2

在HTML5中，你可以使用custom attributes，他們的名字必須先從「數據 - 」。

<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的，這是不是絕對必要的，但使事情變得更容易）