JavaScript/jQuery/API/セレクター/find()とfileter() の変更点

追加された行はこの色です。
削除された行はこの色です。
JavaScript/jQuery/API/セレクター/find()とfileter() へ行く。
JavaScript/jQuery/API/セレクター/find()とfileter() の差分を削除

* 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("====");
 
     $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());
       });
 });
 </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クラスな要素を絞り込む。