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/

如何使用jquery从导航菜单中完全删除最后一个子节点

2 个答案: