<input type="submit">が複数（数量不定）並んでいるページでとあるボタンが押されたときに、 それが上から何番目であるのか、を取得するにはjQueryでどのように書けば良いのでしょう？
<input type="submit">が複数（数量不定）並んでいるページでとあるボタンが押されたときに、 それが上から何番目であるのか、を取得するにはjQueryでどのように書けば良いのでしょう？
補足
もし、これが不可能で<a>や<div>なら可能な場合はそれも併せて教えてください。
JavaScript・2,022閲覧・100
ベストアンサー
-------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <title>sample</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $("#hoge input[type=submit]").each(function(i) { $(this).click(function() { alert(i + 1 + "番目"); return false; }); }); }); </script> <form id="hoge" action="#"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> </form> -------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <title>sample</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $("#hoge").click(function(e) { if(e.target.tagName == "INPUT" && e.target.type == "submit") { alert($("input[type=submit]", this).index(e.target) + 1 + "番目"); } }); }); </script> <form id="hoge" action="#"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> <input type="submit" value="push"> </form> --------------------
質問者からのお礼コメント
助かりました！ ありがとうございました。
お礼日時：2012/1/16 14:29
