2

我正在使用<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 并在它之后出现的元素，例如，如果我点击了 where<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>不是第一个的

4

1 回答 1

5

做：

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
于 2013-01-25T12:00:58.910 回答