javascript - 清除 div 的所有内容，少数元素除外

Question

假设我有一个 div，其中有很多这样的元素

<div id="ans" style="background-color: #FFD993;
    color: #FFF;
    overflow:auto;
    border: 1px outset #4f6417;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;width:100%;text-align: center;height:33%;margin-bottom:    0px;">
    <input type="button" id="again" value="See Again"></input>
    <input type="button" id="prac" value="Practice"></input>
    <img id="theImg" src="result/' + rand + '.png" width="40%" height="60%"/>
    <a href="1.html">1</a>
    <a href="2.html">2</a>
    <p>This is Paragraph</p>
</div>

我想删除此 div 中除了这两个按钮之外的所有元素。我用过

$('#ans').empty();

但它会清除其中的所有内容。我怎样才能过滤它

Answer 1

如何删除除输入之外的所有 child ？

$('#ans').children(':not(input[type="button"])').remove();

FIDDLE