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>

クリックすると、jquery関数を使用しているiに<li>追加されますdiv=reg_navlist.append

その後、それは好きになります

<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>しかし、それは最初のものではなくすべてを削除しています

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 に答える