Question

将列表（anotherList）附加到第二个列表（id = myList-toggle）的item（id - = l1）所需的代码，但是应该在另一次单击后将其删除。但删除工作没有按预期工作。预计会有一些帮助。

 $('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>

请告诉我是否有其他简单的方法可以追加并删除列表。

Answer 1

你有一个没有名字的函数声明：

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

这在Javascript中无效，您的代码可能会抛出错误，从而停止执行脚本。

您的HTML中没有id="al1"的元素，因此$('#al1')不会选择任何内容。其他答案表明您需要$('a#l1')或$('.al1')，但目前尚不清楚您要删除的内容。

当您点击#anotherList时，您似乎正试图切换a#l1的可见性。可能更好的方法是从一开始就将#anotherList渲染为a#l1元素的子元素，然后在click处理函数中执行$('#anotherList').toggle()。如果您希望它以隐藏状态启动，则可能需要将#anotherList的初始样式设置为display: none。

Answer 2

也许你打错了什么？

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

您键入了#al1而不是a#l1

或者您想选择课程吗？

$('.al1').remove()

类的选择器为.， id 的选择器为#

Answer 3

尝试将$('#al1').remove();更改为$('.al1').remove();

另外，删除之前function() {是什么？

我认为没必要。

编辑：

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

我认为这就是你想要发生的事情。

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

3 个答案: