ソフトウェア開発者の日常

こだわりなく書きたいことを書いていきます。

JavaScript:要素に割り当てたクラスが何個目になるのか取得する

inputタグのテキストボックスにクラスを割り当てていて、何個目のinputタグのテキストボックスに入力されたのか取得しなければならなくなりました。

調べたところ、以下のようにjQueryのindex()を使うことで取得できました。
index(subject) - jQuery 日本語リファレンス

$(".name").bind('keydown keyup keypress change', function () {
	var index = $(".name").index(this);
	// indexを使った処理
});

f:id:AJYA:20180831125025p:plain
unsplash-logoIrvan Smith

取得できるのが0始まりなのを気をつける必要がありますが、簡単に取得できるので、ある個数以上のテキストボックスに入力された場合のみ処理するといったことが実現できます。