jQuery ul、ネストされたリストのフィルタリング

Question

jqueryと公式のドキュメントを介して学習するのが初めてです。読んでいる間、私は「ULを入れ子になった子を除いて...私は「ul.level-2」の直接の子ですのbackgroundColor /境界線を設定したい...

<ul class="level-2"> 
     <li class="item-a">A</li> 
     <li class="item-b">B 
      <ul class="level-3"> 
      <li class="item-1">1</li> 
      <li class="item-2">2</li> 
      </ul> 
     </li> 
     <li class="item-c">C</li> 
    </ul> 

をこのような類似したHTMLコードを持っていました「...私は成功した今、私の質問はjqueryのです...

$("ul.level-2").children("li").each(function(){ 
     var theChild = $(this).children("ul").length; 
     if(!theChild){ 
      $(this).css("backgroundColor", "red"); 
     }; 
    }); 

経由で取得し、私は短い、このコードにjqueryのセレクタ/フィルタを使用する方法を...書いて短いコードです...事前に感謝...

Answer 1

試してみる

$("ul.level-2 > li:not(:has(ul))").each(function(){ 
$(this).css("backgroundColor", "red"); 
}) 

と最短1

$("ul.level-2 > li:not(:has(ul))").css("backgroundColor", "red");