如何去除重複行一個div

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()

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

<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>

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; 
} 

而且，你錯過了「ID =」內容」