Javascript 如何删除div中的重复行

我正在尝试删除div中的重复行

<div id="content>
  <p>Hello</p>
  <p>why</p>
  <p>are</p>
  <p>hello</p>
</div>

---

如何删除重复的行？

如果您关心大小写，只需删除

.toLowerCase（）

var-seen={}；
$（'#content>p'）。每个（函数（）{
var txt=$（this.text（）.toLowerCase（）；
如果（见[txt]）
$（this.remove（）；
其他的
seed[txt]=真；
});

你好

为什么

是

你好

将对象用作贴图

var map = {};
$('p').each(function(){
    var value = $(this).text();
    if (map[value] == null){
        map[value] = true;
    } else {
        $(this).remove();
    }
});

重复行？你能发布一个屏幕截图吗？是否希望段落标记中的措辞间距更近？如果是这种情况，请尝试使用CSS

#content {
    line-height: 0.5;
}

此外，您还遗漏了一个“in id=”内容“
解决这个问题的方法太多了。向我们展示您尝试过的
jquery
代码，以便我们缩小范围。我在数组中找到了重复的代码，但在div中没有找到。您应该向我们详细解释一下您的代码。这些数据来自哪里？如何用数据填充div？如果这是来自某个服务器端输入（db），那么为什么不清理输入呢？这种“移除”应该在什么时候发生？根据用户请求？如果您有一个阵列，并且在那里发现了重复的阵列，只需在使用之前将其从阵列中删除即可@Daniel_ZA为什么是Jquery？您也可以使用纯javascript或服务器端来实现。
#content {
    line-height: 0.5;
}