jquery - 使用 JQuery 删除 LI 时出现问题

Question

我正在使用 <ul> 制作导航栏和<li>

我的第一个数据如(html)

  <ul id="menu_xml_txt">
     <li id="1"> Root Catalog </li>
 </ul>

当点击Root Catalog时它将取代这一切 <li>它会喜欢

<ul id="menu_xml_txt">
 <li id="2">Apparel</li> 
 <li id="3">Accessories</li>
</ul>

等等。当您单击时，它将更改并替换为所有新的 <li>

当您点击<li>时它将添加到 div=reg_navlist我正在使用.append jquery函数的实现

然后就会喜欢

<ul id="reg_navlist">
 <li id="1">Root Catalog</li>  
 <li id="3">Accessories</li> 
 <li id="45">bla bla..</li> 
 <li id="80">bla bla..</li> 
 <li id="95">bla bla..</li> 
 <li id="115">bla bla..</li> 
 </ul>

我只想删除那些 <li>我点击了 & li 并紧随其后的元素例如，如果我点击了 <li id=45>那么 id=45 和 id= 80、id=95 和 id=115 将被删除，而不是 id=1 和 id=3

我已经尝试过这个 jQuery 代码

 j('#region_navlist li').live('click', function() {
    var cliked_id = j(this).attr('id');
    j('#region_nav li:not(:first)').remove();
});

但它正在删除所有 <li>不是第一个

Answer 1

做:

j('#region_navlist li').on('click', function() {
    j(this).nextAll().andSelf().remove();
});

参见:andSelf()和 nextAll()

Note:- .live() is deprecated you use .on() if version 1.7