javascript - 使用 jquery 将 div 包裹在字符串周围

Question

我如何div class="includingVAT"></div>围绕字符串文本包装一个 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 的字符串需要包含增值税的 div 类，因为可能有不同的语言翻译。

Answer 1

你可以在这里试试这个例子：DEMO

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

Answer 2

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

这是尴尬且容易出错的。有什么办法可以插入整个 div吗？为什么包括。MwSt只存在于 HTML 中？