2012-01-28 91 views
2

我有以下代碼來創建複選框(puntosD是一個div我創造,我追加的複選框):JQuery的去除標籤複選框

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

但是,這隻能刪除實際框勾選而不是標籤,我該怎麼做?

謝謝!

+0

這是否div.puntosD只有複選框和你想要刪除的標籤?或者你是否試圖從該div中刪除任何特定的複選框及其標籤? – 2012-01-28 19:46:12

+0

你也可以顯示HTML嗎? – bozdoz 2012-01-28 19:46:43

+0

你的代碼不會追加一個標籤,只是一個在空間浮動的數字(data [index] .nombre)。 – 2012-01-28 20:07:20

回答

3

這個怎麼樣,包裝在跨度複選框和標籤:

$("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(); 
1

我不知道,如果你正在試圖內取出所有的複選框&標籤該div或刪除特定複選框& div內的標籤。

您可以在該div上使用.empty以防萬一您只有複選框& div在標籤內並且您希望將其全部刪除。

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

如果你想具體刪除,然後用跨度包裹,並使用下面的代碼刪除跨度,

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

DEMO這裏