Question

如果选择按钮，我基本上尝试使用列表类打印div中按钮的值。当取消选择时，也删除相同的值。我能够成功打印该值但无法将其删除。有人可以帮我解决一下。

var buttonSelect = $(".btn").click(function() {
    if ($(this).hasClass('active')){
        $(".list").append(this.value + "   ")
    }
    else {
        $(".list").remove(this.value)
    }
});

Answer 1

您应该将内容与span：

等html元素一起追加

$(".btn").click(function() {
if ($(this).hasClass('active')){
     $(".list").append('<span class="newval_'+this.value+'">'+this.value + "</span>");
}else{ 
     $(".list").find('.newval_'+this.value).remove();
}});

Answer 2

来自.remove()的参数是一个选择器，只是在那里包含要删除的元素内容的值将不起作用。例如，如果我有这个：

<li class="list">test</li>

执行$(".list").remove("test")不会删除它。您可能希望使用:contains选择器（因为您可能在末尾有空格的值）。因此，在上面的示例中，执行$(".list").remove(":contains('test')")将删除元素。你可以在你的情况下做同样的事情：

$(".list").remove(":contains('"+this.value+"')");

Answer 3

如果您想删除元素本身及其中的所有内容，只需使用 jQuery 的 remove() 方法。

$(document).ready(function() {
    $("button").click(function() {
        $("div").remove();  //remove Div element
    });
});

您可以在此处查看示例：How to Remove Elements from DOM in jQuery

Jquery删除元素

3 个答案: