javascript - 如何使用 jQuery 删除具有多个相同数据值的 div？

Question

我怎样才能做到这一点？

<div class="chat_timestamp_group" data-date="08-March-2016"></div>
<div class="chat_timestamp_group" data-date="08-March-2016"></div>
<div class="chat_timestamp_group" data-date="14-March-2016"></div>
<div class="chat_timestamp_group" data-date="14-March-2016"></div>

想要的结果:

<div class="chat_timestamp_group" data-date="08-March-2016"></div>
<div class="chat_timestamp_group" data-date="14-March-2016"></div>

Answer 1

只需将字典放在一边，检查字典中是否存在日期。如果是这样，remove() 它。

var d = {};
$('div').each(function() {
  var elm = $(this),
      date = elm.attr('data-date');
  
  if (date in d) {
    elm.remove();  
  }
  else {
    d[date] = date;  
  }
});

div:before {
    content:attr(data-date);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="chat_timestamp_group" data-date="08-March-2016"></div>
<div class="chat_timestamp_group" data-date="08-March-2016"></div>
<div class="chat_timestamp_group" data-date="14-March-2016"></div>
<div class="chat_timestamp_group" data-date="14-March-2016"></div>