最大隻有四個li，使用jquery刪除剩下的其餘部分？

Question

我如何從上課=「理查德先生有很多樹木」開始，然後以class =「MrContent」的方式工作，找到class =「Stuff」，並確保在刪除最後一個li時只顯示四個li ？

我試圖學習jquery，但仍然無法擺脫它的困擾。

<div id="SS5" class="Mr Richard Has Lots of Trees"> 
<h2>Hello</h2> 
<div class="MrContent"> 
<ul class="Stuff"> 
<li style="width: 178px; height: 273px;"> 
<li style="width: 178px; height: 273px;"> 
<li style="width: 178px; height: 273px;"> 
<li style="width: 178px; height: 273px;"> 
<li style="width: 178px; height: 273px;"> //delete extra one 
<li style="width: 178px; height: 273px;"> //delete extra one 
</ul> 
</div> 
</div> 

這是我迄今爲止，但它不工作。

<script type="text/javascript"> 
    $(document).ready(function() { 
    $(.'Mr Richard Has Lots of Trees').$(.'MrContent').$(.'#Stuff li:gt(4)').remove(); 
    }); 
</script> 

上面的代碼應該刪除最後一個正確的？

Answer 1

jQuery對象中沒有$方法。你會使用find method：

$('.Mr.Richard.Has.Lots.of.Trees').find('.MrContent').find('.Stuff li:gt(4)').remove(); 

但是，您可以使用一個單一的選擇與後代運算符（空間）定位的元素：

$('.Mr.Richard.Has.Lots.of.Trees .MrContent .Stuff li:gt(4)').remove();