- 追加された行はこの色です。
- 削除された行はこの色です。
* find()とfileter() [#m0cff071]
<!DOCTYPE html>
<html>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(function(){
var $li_list = $("li");
$li_list.filter(".foo").each(function(){
console.log($(this).html());
});
console.log("---");
$li_list.find(".foo").each(function(){
console.log($(this).html());
});
console.log("---");
console.log("====");
$li_list = $("#list");
$li_list.filter(".foo").each(function(){
console.log($(this).html());
});
console.log("---");
$li_list.find(".foo").each(function(){
console.log($(this).html());
});
console.log("---");
});
</script>
<body>
<ul id="list">
<li class="foo">foo1</li>
<li class="">2</li>
<ul>
<li class="foo">foo2-1</li>
</ul>
<li class="foo">foo3</li>
</ul>
</body>
</html>
*** find() [#w7a4e837]
$("li").find(".foo")
liの子孫要素からfooクラスの要素を探す。
*** filter() [#bc1f8778]
$("li").filter(".foo")
li要素の内、fooクラスな要素を絞り込む。