jQuery:无法清空嵌套段落

Question

我想在div中清空段落.该段包含其他元素:div,text,images,span等.

<div id="div_id">test
    <p>
        text inside the paragraph
        <div id="text">hello hello hello</div>
        <img src="http://www.mygifto.com/upload/product/26922984_l.jpg" width="200" height="200" alt="Banner" />
    </p>
    hi
</div>
out of div

最简单的解决方案应该是使用该empty()函数,但它根本不起作用,它只删除段落中的文本.

$('#div_id p').empty();

我必须指定,div_id因为我p在页面中有其他人,他们不应该是空的.

在这里小提琴

我已经尝试过了

$('#div_id p').children('*').remove();

但没有成功.如何删除段落中的所有元素？

Answer 1

问题是因为您的HTML无效.div内联中不能包含块级元素p.

将其更改#text div为a span,display: block它将起作用.

<p>
    <span id="text">hello hello hello</span>
    <img src="http://www.mygifto.com/upload/product/26922984_l.jpg" width="200" height="200" alt="Banner" />
</p>

#text {
    border: 1px solid red;
    display: block;
}

更新了小提琴