Question

我有以下HTML代码：

<font class="pricecolor colors_productprice">
   <span class="PageText_L483n">
    <font class="text colors_text">
     <b><span class="PageText_L335n">Our Price</span>: </b>
    </font>$101.82Amber
   </span>
</font>

我想将上面的html代码中的101.82更改为以下span标记中的值。

<span class="csqft_price">96.96</span>

即101.82应该使用jquery动态替换为96.96。这是span标记中的任何值，class="csqft_price" sholud将替换为上面的字体标记，其中值为101.82

请告知。

Answer 1

您可以非常简单地执行此操作：您应将此101.82移至span tag并使用以下脚本

$(document).ready(function(){
    var text = $('.PageText_L483n').html();
    $('.PageText_L483n').children().remove();
    var text2=text.replace($('.PageText_L483n').text().trim(),$('.csqft_price').text());
    $('.PageText_L483n').html(text2);    
});

<强> EDITED

Answer 2

要使用jQuery添加元素，您可以使用append。请参阅此链接Append

Answer 3

您的问题不是很明确，所以我希望这是您正在寻找的：

$(document).ready(function(){
   var span = $('.pricecolor span');// this includes another font and span tag..
   var oldSpan = span.find('font'); //so we can add the Our Price again...
   span.find('font').remove(); //remove the font part so we can replace the number
   span.html(oldSpan.html() + span.html().replace(/\d+.?\d+/, '<span class="csqft_price">96.96</span>'));
});

以下是一个例子：

http://jsfiddle.net/cde3w/

代码不是很漂亮但它可能会引导你朝着正确的方向......

用另一个文本替换html标记中的文本

3 个答案: