javascript - 用 JS 点击删除多个输入

Question

我对我的项目进行了分页(无休止，无需点击)，当加载下一页时，输入 select2 input模态中的字段正在被复制。因此，经过一番滚动后，我得到了几个重复项。

所以我尝试删除重复项，例如:

$(".modalOpen").click(function(){
  $('.theLangu1:eq(0)').next("span").remove();
  $('.theLangu1').children().find(...).remove();
  $('.theLangu1:eq(1)').remove();
  ...
 })

但没有任何效果。代码在控制台中如下所示:

所以第一个需要保持活力，但其余的必须被移除。 ( $('.theLangu1:eq(0)').remove(); 确实删除了除一项之外的所有内容，但它也删除了必要的一项，因此没有帮助)。

另一个问题是我有多个 <input>及其他select2字段，因此它不是通过简单地删除所有内容来完成的(我尝试过)。所以它需要是 $(".theLangu1").children().find/next... 方向的东西

有任何 jQuery 专家可以告诉我如何删除重复项或除第一个输入之外的所有输入吗？

Answer 1

您可以使用not CSS psuedo-selector

$('.theLangu1').parent()
  .find(".theLangu1:not('.theLangu1:first-child')")
  .remove();

您可以使用not JQuery 方法

 $('.theLangu1').parent()
   .find(".theLangu1").not(".theLangu1:first-child")
   .remove();

https://jsfiddle.net/rwh7wd37/1/