jquery - jQueryで1つの要素を除いて要素を空にするにはどうすればよいですか?

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();

これは機能しません:(

score 0 · Accepted Answer

私は理想的には、このようなHTMLを持っています..テキストが直接内部にない場合:

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

次に、htmlを後でこれにしたいと思います：

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

そして、私はこれを行います：

$('#example').find('span').html('Deleted old one, and inserted new one.');

またはこれ、$('#paymentBtn').prev().html('Deleted old one, and inserted new one.');

score 0 · Accepted Answer

解決策の 1 つは、テキストを<span class="deleteThis"></span>

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

それを削除するか、他のテキストで書き直します。

$("#paymentBtn").parent().find(".deleteThis").empty().html("Changed");

または、親から直接移動します。

$("#example .deleteThis").empty().html("Changed");

2番目の答えは、1つの要素を除いてすべてを削除できるということです:

var oldElem = $("#paymentBtn").clone();
$('#example').empty().append("Deleted successfully.").append(oldElem);

削除したくない要素を複製し、親を空にして、複製された要素を復元します。

3 に答える 3