Question

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

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

输出显示为

hello
why
are
hello

如何删除重复的行？

Answer 1

如果您担心案例，请删除.toLowerCase()

＆＃13;

var seen = {};
$('#content>p').each(function() {
  var txt = $(this).text().toLowerCase();
  if (seen[txt])
    $(this).remove();
  else
    seen[txt] = true;
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="content">
  <p>Hello</p>
  <p>why</p>
  <p>are</p>
  <p>hello</p>
</div>

＆＃13;

Answer 2

将对象用作地图

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

Answer 3

重复的行？你能发一个它的外观截图吗？您是否希望段落标签中的措辞彼此间隔更近？如果是这种情况，请尝试使用CSS

#content {
    line-height: 0.5;
}

另外，你错过了一个＆＃34;在id =＆＃34;内容＆＃34;

如何删除div中的重复行

3 个答案: