追加正在工作，但删除不工作在jquery

将列表（anotherList）追加到第二个列表（id = myList-toggle）的项目（id = = l1）所需的代码，但它应该在另一次单击后将其删除。但删除不能按预期工作。预计在这方面有一些帮助。追加正在工作，但删除不工作在jquery

$('a#myList-toggle').click(function() { 

       list.slice(0, counter()).slideToggle(); 

       return false; 

      }); 

      $('a#l1').click(function() { 


       $('#l1').append($('#anotherList')); 
       function() { 
        $('#al1').remove(); 
       }; 
       $('#anotherList').show(); 
       return false; 

      }); 

     }); 



    </script> 
</asp:Content> 
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 
     <div> 
     <a href="#" id="myList-toggle">GO Now!!!!!!!</a></div> 
    <ul id="myList" style="margin-bottom: 0px"> 
     <li><a href="#" id="l1">item1</a></li> 
     <li><a href="#" id="l4">item2</a></li> 
     <li><a href="#" id="l5">item3</a></li> 
     <li><a href="#" id="l6">item4</a></li> 
     <li><a href="#" id="A1">item5</a></li> 
     <li><a href="#" id="A2">item6</a></li> 
     <li><a href="#" id="A3">item7</a></li> 
     <li><a href="#" id="A4">item8</a></li> 
    </ul> 
    <ul id="anotherList"> 
     <li class="al1">Item</li> 
     <li class="al1">Item</li> 
     <li class="al1">Item</li> 
     <li class="al1">Item</li> 
    </ul> 
</asp:Content>

请告知是否有任何其他简单的方法来追加和删除列表。

来源

2012-06-22 user1458312

什么不是预期的？它不会删除？它消除了错误的东西？代码停止执行？如果是的话，在哪里？ – Th0rndike

感谢您的回复Th0rndike !!!!!它什么都不做。它工作正常，但没有做任何事情后点击。 – user1458312

删除函数（）{}包装$（'＃al1'）。remove（） –

尝试改变$('#al1').remove();到$('.al1').remove();

而且，什么与function() {之前删除？

我认为没有必要。

编辑：

尝试此链接：http://jsfiddle.net/9dVXg/

我认为这是要发生什么。

来源

2012-06-22 08:21:30 MegaNairda

如果functino（）{被移除，它不会将列表附加到第一个列表中的项目l1。 – user1458312

我说的是'function（）{'在remove（）'周围。正如其他用户已经指出的那样。 – MegaNairda

感谢您回复MegaNairda！代码想要在第二次点击中删除附加列表。尝试删除functin（）{缠绕remove（）。但第二个列表不会附加到第一个列表中的项目。无知为什么会发生这种情况。如果你有另一种简单的方式来进行这种亲切的解释。 – user1458312

也许你输入了错误的东西？

$('a#l1').remove();

您键入#al1代替a#l1

还是你要选择的课程？

$('.al1').remove()

为类的选择是.和ID是#

来源

2012-06-22 08:20:06

感谢您的回复！但代码需要删除附加列表。 $（'a＃l1'）。remove（）将删除第一个列表中的另一个列表（id = anotherList）被追加到的原始项目。 – user1458312

你有一个函数声明没有名称：

  function() { 
       $('#al1').remove(); 
      };

这不是有效的Javascript和你代码可能会引发错误，从而停止执行脚本。

您的HTML中没有包含id="al1"的元素，因此$('#al1')未选择任何内容。其他答案建议您需要$('a#l1')或$('.al1')，但不清楚你想要删除的是什么。

看起来你试图在点击a#l1时切换#anotherList的可见性。可能更好的方法是将#anotherList作为a#l1元素的子元素从头开始，然后在click处理程序中执行$('#anotherList').toggle()。如果您希望它以隐藏状态启动，您可能需要将初始样式#anotherList设置为display: none。

来源

2012-06-22 08:21:05 lanzz

删除函数（）{缠绕remove（）。它附加列表，但无助于在另一次点击中删除。 – user1458312

Hi lanzz !!!!!我的意图是将另一个列表附加到第一个列表的项目，并在点击后提取附加列表。 – user1458312

追加正在工作，但删除不工作在jquery

回答

相关问题