JQuery удалить флажок и связанную метку

Question

я следующее:

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

можно удалить checkbox используя следующую команду, которая работает правильно:

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

Однако, как я мог также удалить связанный с ним метка для этого флажка?

Answer 1

Вы можете использовать attribute equal selector

Live Demo

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

Описание: Выбор элементов, которые имеют указанный атрибут со значением точно равным определенному значению.

Answer 2

Если id элемента не известен, но его value известно и id своего родителя, как известно, следующее может быть сделано

код (Demo):

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