使用 jQuery 删除所有具有相同 html 值的 div

Question

我有以下html结构

 <div class="messagesdate">03 Aug, 2021</div>
  <div class="messagesdate">03 Aug, 2021</div>
  <div class="messagesdate">03 Aug, 2021</div>
  <div class="messagesdate">04 Aug, 2021</div>
  <div class="messagesdate">04 Aug, 2021</div>

我怎样才能执行一个全局函数，它将遍历所有 div 并删除除第一个之外的所有具有相同日期的对象？

这是我到目前为止所做的，但我被卡住了

var found = {};
        $('.messagesdate').each(function (i) {
            var $this = $(this);
            if (found[$this.html()]) {
                $this.remove();
            } else {
                found[$this.html()] = true;
            }
        });

Answer 1

可以做到without jQuery

const dates = {};
document.querySelectorAll("div.messagesdate")
  .forEach(div =>
    dates[div.textContent] ? div.remove() : dates[div.textContent] = 1);

<div class="messagesdate">03 Aug, 2021</div>
<div class="messagesdate">03 Aug, 2021</div>
<div class="messagesdate">03 Aug, 2021</div>
<div class="messagesdate">04 Aug, 2021</div>
<div class="messagesdate">04 Aug, 2021</div>

Answer 2

$('.messagesdate').each(function (i) {

         if(i == 0)
           var firstElement = $(this);
         else{
              if($(this).html() == firstElement.html()){
              $(this).remove()
           }
     }    

});