Как полностью удалить последний подузел из меню навигации с помощью 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/