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

时间:2012-06-22 08:10:51

标签: jquery list append

将列表(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>

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

3 个答案:

答案 0 :(得分:3)

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

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

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

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

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

答案 1 :(得分:1)

也许你打错了什么?

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

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

或者您想选择课程吗?

$('.al1').remove()

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

答案 2 :(得分:0)

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

另外,删除之前function() {是什么?

我认为没必要。

编辑:

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

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