js如何删除li标签

Question

li下的span里的值重复了，就删除所在的li标签，

<ul class="people" id="hots">
    <li class="person" id="O_CFUlrrGEKVqNaD1P4kPg" onclick="Sendone(this)">
        <span class="name">86317518</span>
    </li>
    <li class="person" id="VirzPjM732rm3QVUi0d9Ag" onclick="Sendone(this)">
        <span class="name">86317518</span>
    </li>
</ul>

两个li留下一个就可以例如

<ul class="people" id="hots">
    <li class="person" id="O_CFUlrrGEKVqNaD1P4kPg" onclick="Sendone(this)">
        <span class="name">86317518</span>
    </li>
</ul>

请问JS怎么写才可以完成这样的效果？

Answer 1

let contentMap = {};

$(".people .name").each(function () {
  let c = $(this).text();

  if (contentMap[c]) {
    $(this).parent().remove();
  } else {
    contentMap[c] = 1;
  }
});