如何徹底從導航菜單使用jQuery

Question

刪除最後一個子節點我想刪除的子節點的最後一個li是：

<li class="inactive"><a href="/c/8/pregnancy">Pregnancy</a></li> 

我試圖

$('.ul-links ul li:last').remove(); 

沒有成功，任何想法或建議，我做錯了，歡呼聲

<div class="quiklinks"> 
    <ul class="ul-links"> 
     <li><a href="http://localhost:3810/" id="quiklinks_01">Home page</a></li> 
     <li><a href="#" id="quiklinks_05">Products</a> 
     <ul> 
      <li class="inactive"><a href="/c/4/parasitology">Parasitology</a></li> 
      <li class="inactive"><a href="/c/5/bacterial-toxins">Bacterial Toxins</a></li> 
      <li class="inactive"><a href="/c/6/immunology">Immunology</a></li> 
      <li class="inactive"><a href="/c/7/rapid-assayspoc">Rapid Assays/POC</a></li> 
      <li class="inactive"><a href="/c/8/pregnancy">Pregnancy</a></li> 
     </ul> 
     </li> 
     <li><a href="/t/company" id="quiklinks_07">Company</a></li> 

Answer 1

嘗試下面的代碼，

$('.ul-links > li > ul > li:last').remove(); 

Answer 2

您的代碼應該工作。如果函數加載頁面後調用，換行代碼$(document).ready(function(){...})：

$(document).ready(function(){ 
    $('.ul-links ul li:last').remove(); 
}); 

看到這個小提琴作比較：http://jsfiddle.net/eRB4x/