javascript - 使用 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

为什么不

$('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>