jquery sizeメソッド

TOPページに戻る > jquery入門

スポンサード リンク

jquery size()メソッド

sizeメソッドは、セレクタで指定した要素の数を取得できます

$("セレクタ").size("調べる要素")

今いじっていることを調べる場合

$("セレクタ").size(this)

指定したHTML要素の数を調べます

クリックしたときにページの中からセレクタで指定した要素の数を調べます、調べた要素の数をtextメソッドで表示します

jquery

$(function() {
	$("p.foo").click(function(){
	$("span#hoge").text("要素のsize番号は"+$("p.foo").size(this));
	});
});
css
p.foo{
 cursor: pointer;
 background-color: #F90;
 }

html

<p class="foo">p要素 1個目</p>
<p class="foo">p要素 2個目</p>
<p class="foo">p要素 3個目</p>
<span id="hoge">テキスト</span>

サンプル

p要素 1個目

p要素 2個目

p要素 3個目

テキスト







(C)2012 ホームページ作成無料