Three.jsを使って、作ってみた

プログラミング関連の事を色々書いています(^^) 週末はレストランやコンビニのお菓子のことを書いています。

jQuery ◯番目を指定する eq

今回は、jQueryの「eq」について書きます。


eqは、◯番目の要素を指定できるメソッドです。

こんな感じに使います。

<body>

	<ul>
		<li>a</li>
		<li>b</li>
		<li>c</li>
		<li>d</li>
		<li>e</li>
		<li>f</li>
		<li>g</li>
	</ul>

	<script>
		$(function(){

			$('li').eq(1).css('background', 'red');  	

		});
	</script>
</body>

実行結果
f:id:gupuru:20140607221519p:plain

「eq()」の引数に指定したい要素の番目を入れます。

$('li').eq(1).css('background', 'red');  	

「eq(1)」のように「1」といれると、上から2番目の要素を指定できます。
注意なのが、「0」から始まるところです。つまり、一番上の要素を指定するには、「0」と引数にいれます。

また、「eq(-1)」のように負の値を入れると、後ろから指定できます。

<body>

	<ul>
		<li>a</li>
		<li>b</li>
		<li>c</li>
		<li>d</li>
		<li>e</li>
		<li>f</li>
		<li>g</li>
	</ul>

	<script>
		$(function(){
			
			$('li').eq(-1).css('background', 'red');  
	
		});
	</script>
</body>

実行結果
f:id:gupuru:20140607222040p:plain

これで、終わります。


参考サイト
.eq() | jQuery 1.9 日本語リファレンス | js STUDIO

広告を非表示にする