jquery - 我如何清空 jQuery 中除一个元素之外的元素？

Question

例子，

 <td id="example">
   Something is inside here.
   <button id="paymentBtn">pay</button>
 </td>

我想要做的是，“only emtpy” 在支付按钮之前插入一个像这样的新东西，

<td id="example">
   Deleted old one, and inserted new one.
   <button id="paymentBtn">pay</button>
 </td>

我知道我可以用

$("#paymentBtn").before("inserted new one");

但是我怎么能清空呢？

如果我为空示例。它吹走了一切，

 $("#paymentBtn").before().empty(); 

这行不通:(

Answer 1

尝试

$($("#paymentBtn").get(0).previousSibling).remove();

演示:Fiddle

按照建议你也可以

$('#add').click(function(){
    $("#paymentBtn").before("<span>inserted new one</span>");
})
$('#remove').click(function(){
    $("#paymentBtn").prev('span').remove();
})

演示:Fiddle