Блог

Главная - Вопросы по программированию - Как полностью удалить последний подузел из меню навигации с помощью jquery

Как полностью удалить последний подузел из меню навигации с помощью jquery

#jquery #jquery-selectors

#jquery #jquery-селекторы

Вопрос:

Я хочу удалить последний 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>

Ответ №1:

попробуйте следующий код,

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

Ответ №2:

Ваш код должен работать. Если функция должна быть вызвана после загрузки страницы, оберните код в $(document).ready(function(){...}) :

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

Посмотрите на эту скрипку для сравнения: http://jsfiddle.net/eRB4x /