使用jquery将div包装在字符串周围

时间:2012-08-06 12:41:56

标签: javascript jquery

如何在字符串文本周围包装div类div class="includingVAT"></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类包括VAT,因为可能有不同的语言翻译。

2 个答案:

答案 0 :(得分:2)

您可以在此处尝试此示例:DEMO

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

答案 1 :(得分:2)

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

这很容易出错并容易出错。有没有办法可以插入整个 div?为什么包括MwSt 只存在于HTML?