jQuery删除标签复选框

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

我不确定您是要删除div中的所有复选框和标签，还是要删除div中的特定复选框和标签。

如果只有div内的复选框和标签并且您想要将其全部删除，则可以在该div上使用.empty 。

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

如果您要删除特定内容，请用一个跨度将其包裹起来，并使用以下代码删除该跨度，

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

在这里演示