jQueryでクリックした要素を知るには次のような方法がある。
$("a").click(function() { id = $(this).attr("id"); // idの取得 val = $(this).attr("value"); // valueの取得 });
上記以外に、要素の並び順(番号)で得る方法があったので記録しておく。
その方法は次のとおり。
indexメソッドを使う。
$(function(){ $("#test input").click(function (){ var index = $("#test input").index(this); $("#result span").text(index + 1); }); }); </script> <form id="test"> <input type="button" value="ボタン1"> <input type="button" value="ボタン2"> <input type="button" value="ボタン3"> <input type="button" value="ボタン4"> <input type="button" value="ボタン5"> <input type="button" value="ボタン6"> </form> <p id="result">クリックした要素は<span>?</span>番目です</p>
サンプル
クリックした要素は?番目です