javascript - HTMLタグに番号を付ける方法は？

Question

それは可能ですか？もしそうなら、どのように？HTMLタグに番号を付けるために、たとえば、誰かがjavascriptメソッドを呼び出すボタンを押すと、メソッドはどのボタンが押されたかをその番号で識別できます。次に、すべての画像ファイル名を配列に入れてボタンの画像を変更し、1行のJavaScriptを使用して画像を簡単に変更できるようにします。

Answer 1

HTML5では、カスタム属性を使用できます。それらの名前は「data-」で始まる必要があります。

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

これに依存せずに、番号を含むクラス名を追加できます。

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

もう1つの方法は、控えめな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">