我有一个 div 结构
<div class="parent">
<div class="child_item">Data </div>
<div class="child_item">Data </div>
<div class="child_item">Data </div>
</div>
我jquery如何删除“父”类的所有子节点而只留下一个?
生成的 DOM 将是具有一个孩子的父级。
<div class="parent">
<div class="child_item">Data </div>
</div>
编辑 :
$('.parent .child_item').not(':first').remove()
这只会删除一个 div 调用的第一个孩子。如果我有很多父 div 怎么办?
<div class="parent">
<div class="child_item">Data A</div>
<div class="child_item">Data B</div>
<div class="child_item">Data C</div>
</div>
<div class="parent">
<div class="child_item">Data A</div>
<div class="child_item">Data B</div>
<div class="child_item">Data C</div>
</div> ........
结果应该是这样的。
<div class="parent">
<div class="child_item">Data A</div>
</div>
<div class="parent">
<div class="child_item">Data A</div>
</div>