Question

所以，我正在尝试在我的网站上创建一个附加div的部分，然后在单击按钮时将其删除。到目前为止，我可以添加div，并将其删除。当我第二次添加它时它完美地工作，但它不会删除。它一定是我想念的简单。

HTML：

<a id="addbtn" href="#">add</a>
<div id="stream"></div>
<a id="removebtn" href="#">remove</a>

JQUERY：

$(function () {    

    $('a#addbtn').click(function () {
        var elems =
           '<div id="streamdiv">test content</div>';
        $('#stream').append(elems);
    });

    $('#removebtn').live('click', function () {
        $("#streamdiv").empty();
    });
});

JSFIDDLE DEMO

Answer 1

如果您希望整个流清空，则应为$("#stream").empty()。现在，您正在清空ID为streamdiv的最后一个div。

我应该补充说，拥有多个具有相同ID的元素通常是一种不好的做法。如果您想要一组可以集体访问的东西，请使用类。

Answer 2

这会有用吗？ https://jsfiddle.net/r9XQu/504/

$(function () {

    $('a#addbtn').click(function () {
        var elems =
            '<div class="streamdiv">test content</div>';
        $('#stream').append(elems);
    });

    $('a#removebtn').click(function () {
        $(".streamdiv:first").remove();
    });
});

Answer 3

将.empty（）更改为.remove（），这就是诀窍。只是有一个大脑放屁。

Answer 4

ID必须是唯一的，但您要添加具有相同ID streamdiv

的多个项目

尝试添加类streamdiv而不是

的元素

JSFiddle Demo

多次清空Div（切换内容）

4 个答案: