javascript - jqueryを使用して文字列にdivをラップする

Question

div class="includingVAT"></div>文字列 text の周りにdiv クラスをラップするにはどうすればよいですか:incl. MwSt

<span id="VariantPrice_3181">
<span class="variantprice">
<span class="pricelabel">Preis&nbsp;</span>
240,00 (CHF)
</span>
&nbsp;incl. MwSt
<span id="plus-shipping">plus-shipping</span>
</span>

jqueryを使用していますか？

次のようにする必要があります。

<span id="VariantPrice_3181">
<span class="variantprice">
<span class="pricelabel">Preis&nbsp;</span>
240,00 (CHF)
</span>
<div class="includingVAT">&nbsp;incl. MwSt</div>
<span id="plus-shipping">plus-shipping</span>
</span>

span または div のない文字列には、異なる言語の翻訳が存在する可能性があるため、VAT を含む div クラスが必要です。

Answer 1

$(".pricelabel").after('<div class="includingVAT">');
$(".plus-shipping").before('</div>');

これは扱いにくく、エラーが発生しやすくなります。全体 を挿入する方法はありますdivか？なぜ含まれています。MwStは HTML のみに存在しますか?

Answer 2

ここでこの例を試すことができます: DEMO

var text = $('#plus-shipping').map(function(){
    return this.previousSibling.nodeValue
});
$('#plus-shipping').prepend('<div class="includingVAT">' + text[0] + '</div>');