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();

在這里演示