jQuery删除复选框和关联的标签

Question

我有以下内容：

<input type="checkbox" class="oDiv" id="Parent"  name="divcorp[]" value="Parent"/>
<label for="Parent">Parent</label>

我可以使用以下方法删除该checkbox ，它可以正常工作：

$( "#Parent" ).remove();

但是，我怎么能删除此复选框的相关标签？

Answer 1

您可以使用属性相等选择器

现场演示

$('label[for=Parent]').remove();

说明 ：选择具有指定属性且元素值完全等于某个值的元素。

Answer 2

如果元素的id未知，但其value已知并且其父元素的id已知，则可以执行以下操作

代码（ 演示 ）：

<div id="payment">
    <input id="RANDOM_GENERATED-1" type="checkbox" name="div[]" value="0" />
    <label for="RANDOM_GENERATED-1">Pay Now by CC</label><br/>

    <input id="RANDOM_GENERATED-2" type="checkbox" name="div[]" value="1" />
    <label for="RANDOM_GENERATED-2">Pay Now by PayPal</label><br/>

    <input id="RANDOM_GENERATED-3" type="checkbox" name="divo[]" value="2" />
    <label for="RANDOM_GENERATED-3">Pay Later by Check</label><br/>

    <input id="RANDOM_GENERATED-4" type="checkbox" name="divo[]" value="2"/>
    <label for="RANDOM_GENERATED-4">Pay Later by Cash</label><br/>
</div>

现在，如果想要删除所有后付款元素（以及标签元素），那么值为2元素

$('#payment').find("input[value=2]").each(function () {
    $(this).remove();
    $('label[for=' + $(this).attr('id') + ']').remove();
});