Question

我有一个由mvc和razor生成并发回的表单，如何从表单中删除重复项？例如。有两个葡萄的复选框和一个香蕉的复选框，我想要删除一个复制的葡萄。我可以把$（'。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();
});

从表单中删除重复的复选框

1 个答案: