Jquery通过循环

时间:2017-12-28 10:15:52

标签: jquery loops

我试图在循环中删除所有第一个重复ID。

$("#div2 #column3").each(function() {
   var $ids = $("#div2 #column3");
   if (("#div2 #column3").length) {
         $ids.first().remove();
     }
});

这是我试过的小提琴。 https://jsfiddle.net/qm89a1cf/5/

我试图得到结果:

hi
hello
yo
hi
hello
yo
hi
hello
yoo

注意: - 我知道HTML结构不正确(在HTML中出现多次ids),但我无法纠正, 因为HTML通过其他人

1 个答案:

答案 0 :(得分:0)

重要提示: - 在评论其他人时,您必须清理HTML。(每个元素使id个唯一元素,或使用class)。 < /强>

当前场景的解决方法是: -

$(document).ready(function(){
  $("div#div2").each(function() {
    if ($(this).children().length > 0) {
      if ($(this).children('#column3').length > 1) {
        $(this).children('#column3:first').remove();
      }
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div2">

  <div id="column1">hi</div>
  <div id="column2">hello</div>
  <div id="column3">5</div>
  <div id="column3">yo</div>

</div>

<div id="div2">

  <div id="column1">hi</div>
  <div id="column2">hello</div>
  <div id="column3">5</div>
  <div id="column3">yo</div>
</div>

<div id="div2">
  <div id="column1">hi</div>
  <div id="column2">hello</div>
  <div id="column3">yoo</div>
</div>

工作小提琴: - https://jsfiddle.net/p8tpyj0j/

注意: - 正如我所说的当前场景的work-arround,我不能保证相同的代码适用于不同的HTML。