filterとhasClassのメソッドのサンプルの二つを用意しました。
実行している内容はほぼ同じです。
まずはfilterメソッドを使った場合
上記のサンプルは以下のJSの実行結果です。
$("#demo_area div").filter(".hoge")
.css("background", "#FCC");
HTMLはこちら
<div id="demo_area"> <div></div> <div class="hoge"></div> <div class="hoge"></div> <div class="hoge"></div> <div></div> </div>
次はhasClassメソッドの場合
上記のサンプルは以下のJSで実行してます。
$('#demo_area2 div').each(function() {
if($(this).hasClass("hoge")){
$(this).css("background", "#FCC");
}
});
HTMLはこちら
<div id="demo_area2"> <div></div> <div class="hoge"></div> <div class="hoge"></div> <div class="hoge"></div> <div></div> </div>
filterメソッドを知っていたら、わざわざeachを使って、hasClassを使うのは無駄な感じがしますね。
しかし、最後に以下のサンプルのご確認を。
こちらのJSはこちら
$('#demo_area3 div.hoge').css("background", "#FCC");
HTMLはこちら
<div id="demo_area3"> <div></div> <div class="hoge"></div> <div class="hoge"></div> <div class="hoge"></div> <div></div> </div>
このサンプルには、filterもhasClassも使っていません。
どのような場面で使うか、で手法を選ぶのが良さそうです。
