0

将列表 (anotherList) 附加到第二个列表 (id= myList-toggle) 的项目 (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>

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

4

3 回答 3

3

您有一个没有名称的函数语句：

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

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

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

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

于 2012-06-22T08:21:05.870 回答
1

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

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

您键入#al1而不是a#l1

还是您想选择班级？

$('.al1').remove()

class的选择器是.，id的选择器是#

于 2012-06-22T08:20:06.530 回答
0

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

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

我认为没有必要。

编辑：

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

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

于 2012-06-22T08:21:30.883 回答