Question

我应该将代码添加到以下代码中：

如果.item中有更多相同的href，则只显示一个输入（在我的例子中只显示一个输入值为img / united-airlines.jpg，另一个输入为img / american-airlines.jpg）
在输入之后放置多少hrefs（如果低于2 img / united-airlines.jpg和1 img / american-airlines.jpg）

这是html：

<div class="wrap"> 
  <div class="item">
    <a href="img/american-airlines.jpg">
      American Airlines
    </a>
  </div>
  <div class="item">
    <a href="img/united-airlines.jpg">
      United Airlines
    </a>
  </div>
    <div class="item">
    <a href="img/united-airlines.jpg">
      United Airlines
    </a>
  </div>
</div>

这是我的剧本：

$(".wrap").find(".item a").each(function () {
  var xx = ( $(this).attr('href'));



  $("body").append('<label><input type="checkbox" value="' + xx +'">' + xx + '</label>');;
});

Codepen在这里：http://codepen.io/anon/pen/RRwEvd?editors=1010

Answer 1

这是一支固定笔：http://codepen.io/omerts/pen/YWzgjQ?editors=1010

$(".wrap").find(".item a").each(function () {
  var xx = ( $(this).attr('href'));

  if (!$('input[value="'+ xx +'"]').length) {
    $("body").append('<label><input type="checkbox" value="' + xx +'">' + xx + ' (<span>1</span>) </    label>'); 
  }  else {
    var currentCount = $('input[value="'+ xx +'"]').next('span')
    var newCount = parseInt(currentCount.text()) + 1
    currentCount.text(newCount)
  }
});

Javascript只附加一种类型

1 个答案: