使用jquery檢查元素的個數

Question

<div> 
<p>2</p> 
</div> 

<div> 
<p>1</p> 
<p>2</p> 
</div> 

<div> 
<p>1</p> 
</div> 

如何檢查<div>是否有多個<p>？如果是的，我想保持第一<p>，如果刪除他人<p>任何<div>

Answer 1

嘗試中：

$(document).ready(function(){ 
var div=$('div'); 
div.each(function(index,ele){ 
    var p=$(ele).find('p'); 
    console.log(p); 
    p.first().siblings().remove(); 

    }); 
}); 

Live DEMO

Answer 2

爲什麼不

$('div').find('p:gt(0)').remove()

div { 
 
    border: 1px solid red; 
 
    margin-bottom: 5px; 
 
    padding: 5px; 
 
} 
 
p { 
 
    border: 1px solid green; 
 
    margin-bottom: 5px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <p>2</p> 
 
</div> 
 
<div> 
 
    <p>1</p> 
 
    <p>2</p> 
 
</div> 
 
<div> 
 
    <p>1</p> 
 
</div>