Question

我有以下代码来创建复选框（puntosD是我在附加复选框时创建的div）：

$("div.puntosD").append('<input type=\"checkbox\" id="checkpuntos" name="'+data[index].id+'" value="'+data[index].nombre+'"> '+data[index].nombre);

我有以下代码删除复选框：

$("input[type='checkbox']").next('label').remove();
$("input[type='checkbox']").remove();

然而，这只会删除实际的方框而不是标签，我该怎么办呢？

谢谢！

Answer 1

这个怎么样，在span：中包装复选框和标签：

$("div.puntosD").append('<span><input type=\"checkbox\" id="checkpuntos" name="'
     + data[index].id+'" value="'+data[index].nombre+'">'
     + data[index].nombre+'</span>');

删除范围：

$("input[type='checkbox']").parent('span').remove();

Answer 2

我不确定您是否要删除所有复选框＆amp; div内的标签或删除特定的复选框＆amp; div内的标签。

如果您只有复选框，则可以在该div上使用.empty div中的标签，你想要将它们全部删除。

$('div.puntosD').empty();

如果要删除特定内容，请使用span将其换行并使用下面的代码

删除span

$(':checkbox[name="1"]').parent('span').remove();

DEMO 此处

JQuery删除标签复选框

2 个答案: