2012-08-06 93 views
0

我如何包裝一個div類div class="includingVAT"></div>串繞文本字符串:incl. MwSt包裝DIV周圍使用jQuery

<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> 

的字符串,不跨度或DIV需要的div類includingVAT因爲可能有不同的語言翻譯。

回答

2

你可以在這裏嘗試這個例子:DEMO

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

我發現你的解決方案效果更好! – 2012-08-06 12:59:19

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

這是尷尬的,而且容易出錯。有什麼方法可以插入整個div?爲什麼含有。 MwSt僅存在於HTML中?

+0

我設法在購物車的字符串資源部分創建一個div。它不理想,但它的工作原理。無論如何感謝這一點。 – 2012-08-06 12:58:18

+0

沒問題。很高興你找到了解決方案。 – Aesthete 2012-08-06 12:59:55

+1

dammmmmmm你的網站讓我頭疼!大聲笑 – 2012-08-06 13:02:15