jQueryでクリックされた要素が何番目か取得する

http://qiita.com/otoyo0122@github/items/04e12fe478b7f76ce545
こんな感じのHTMLがあり、li.some-item要素がクリックされたときに何番目の要素かをjQueryを使って知りたいとします。 そんなときはjQueryのindexメソッドを使いましょう。

[sourcecode language=”html”]</pre>
<ul>
<li class="some-item">hoge</li>
<li class="some-item">foo</li>
<li class="some-item">bar</li>
</ul>
<pre> [/sourcecode]

 

[sourcecode language=”java”]
$(‘li.some-item’).on(‘click’, function(){
var index = $(‘li.some-item’).index(this);

console.log(index + ‘th item clicked!’);
});
[/sourcecode]