読者です 読者をやめる 読者になる 読者になる

東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

【jQuery】n番目の要素にアクセス

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

<ul>
  <li class="some-item">hoge</li>
  <li class="some-item">foo</li>
  <li class="some-item">bar</li>
</ul>
$('li.some-item').on('click', function(){
  var index = $('li.some-item').index(this);

  console.log(index + 'th item clicked!');
});

インデックスは配列と同じで0から始まる


【参考URL】
http://qiita.com/otoyo/items/04e12fe478b7f76ce545

n番目の要素にアクセスする

<ul id="hoge">
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
</ul>
$(function(){
    alert($('#hoge li').eq(3).text()); //下の行と同じ処理。書き方が違うだけ
    alert($('#hoge li:eq(3)').text());
});

eqメソッドを使用することで特定の位置にある要素にアクセスすることができます。
ここでは「え」がアラートで表示されます。
添字についてはどちらとも0から始まるので実際にアクセスしたい位置から-1をして下さい。

【参考URL】
http://codaholic.org/?p=779