從表單中刪除重複的複選框

Question

我有一個生成並通過mvc和剃鬚刀發回的表單，我將如何從表單中刪除重複表單？例如。有兩個葡萄和一個香蕉複選框，我想刪除重複的葡萄之一。我可以將$（'。fruit'）放入一個數組中，但是如何從那裏定位重複項？

<div class="fruit"> 
     <input data-val="true" data-val-number="" data-val-required="" name=" [5].UniqueValue[3].Id" type="hidden" value="123"> 
     <input name="[5].UniqueValue[3].fruit" type="hidden" value=".grapes"> 
     <input data-val="" data-val-required="" name="[5].UniqueValue[3].IsSelected" type="checkbox" value="true"><input name="[5].UniqueValue[3].IsSelected" type="hidden" value="false"> grapes 
</div> 
<div class="fruit"> 
     <input data-val="true" data-val-number="" data-val-required="" name="[5].UniqueValue[2].Id" type="hidden" value="321"> 
     <input name="[5].UniqueValue[2].fruit" type="hidden" value=".bananas"> 
     <input data-val="" data-val-required="" name="[5].UniqueValue[2].IsSelected" type="checkbox" value="true"><input name="[5].UniqueValue[2].IsSelected" type="hidden" value="false"> bananas 
</div> 
<div class="fruit"> 
     <input data-val="true" data-val-number="" data-val-required="" name="[5].UniqueValue[1].Id" type="hidden" value="456"> 
     <input name="[5].UniqueValue[1].fruit" type="hidden" value=".grapes"> 
     <input data-val="" data-val-required="" name="[5].UniqueValue[1].IsSelected" type="checkbox" value="true"><input name="[5].UniqueValue[1].IsSelected" type="hidden" value="false"> grapes 
</div> 

Answer 1

您可以使用:gt()和:has()選擇。

FIDDLE

$('.fruit > [name$=fruit]').each(function() { 
    $('.fruit:has([value="' + $(this).prop('value') + '"]):gt(0)').remove(); 
});