【jQuery】ラップ集合体の操作

jQuery_img

自分用にメモ。あんまりこの辺を理解してなかったもんで。



.end()メソッド


javascript

//1)ラップ集合体をバックアップする。
//.end()の部分でhide()の処理は終わり、
//元のjQueryオブジェクト集合体(この場合divすべて)にclassを追加する。
$(function(){
    $('div').filter('[title]').hide().end().addClass('someClass');
});
//2)集合体をマージする。
$(function(){
$('div')
.addClass('a')//全部にclassを付与
.find('p')//子要素のpを探す
.addClass('b')//pタグにclassを付与
.andSelf()//divとpをマージ
.addClass('c');//マージした集合体にclassを付与
});

html

<!--【2の結果】-->
<div class="a c">
<p class="b c">test</p>
</div>
<div class="a c">test</div>
<div class="a c"><p class="b c">test</p></div>
<div class="a c">test</div>
<div class="a c">test</div>
<div class="a c">test</div>



要素の絞り込み.filter()メソッド

javascript

//数字を含むtdを絞り込む
$(td).filter(function(){ return this.innerHTML.match(/^\d+$/)})

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>