javascript - 如何检查一个div是否与jQuery中的另一个div具有相同的文本

Question

我无法检查 div 是否与 jQuery 中的另一个 div 具有相同的文本

这就是我的意思

如果 div1 有文本 hi 并且 div2 也有 hi 那么 div2 应该被删除

这是我的代码

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Duplicated div should be removed -->

<div>Java</div>
<div>C#</div>
<div>Python</div>
<div>Java</div>

谢谢，

阿纳夫

标签： javascriptjqueryhtml

Answer 1

您可以使用一个简单的reduce：

$(() => {
  [...$('div')].reduce(
    (a, e) => {
      if (a[e.textContent]) e.replaceWith('')
      else a[e.textContent] = !0
      return a
    }, {}
  );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Duplicated div should be removed -->

<div>Java</div>
<div>C#</div>
<div>Python</div>
<div>Java</div>