改变部分

Question

我试图改变一个span标记 内文本的一部分，我想这：

<script> 
    $(document).ready(function(){ 
     var toreplace= $(".poly-items__price span"); 
     toreplace = toreplace.replace("change","<p>new text</p>"); 
     $(".poly-items__price span").html(toreplace); 
    }); 
</script> 

这里是一个html：

<div class="poly-items__price"> 
    <span>do not change change</span> 
</div> 

这里有一个例子我使用： http://jsfiddle.net/Scoobler/a9cvx/4/， http://jsfiddle.net/bwhfD/

，但它不工作 你能告诉我是什么我错过了 感谢

Answer 1

要想从$(".poly-items__price span")文本需要呼叫.text()（或.html()如果你关心里边跨度HTML标签）

$(document).ready(function(){ 
    var toreplace= $(".poly-items__price span").text(); 
    toreplace = toreplace.replace("change","<p>new text</p>"); 
    $(".poly-items__price span").html(toreplace); 
}); 

如果你想全部替换“变”使用：

toreplace = toreplace.replace(/change/g,"<p>new text</p>"); 

这里是一些小提琴http://jsfiddle.net/qsbdg4po/1

编辑

如果您有多个.poly-items__price跨度，使用每个循环：

$('.poly-items__price span').each(function() { 
    var toreplace = $(this).html(); 
    toreplace = toreplace.replace("change","<p>new text</p>"); 
    $(this).html(toreplace); 
}); 

Answer 2

试试这个

<script> 
    $(document).ready(function(){ 
    var toreplace= $(".poly-items__price span").html(); 
    toreplace = toreplace.replace("change","<p>new text</p>"); 
    $(".poly-items__price span").html(toreplace); 
    }); 
</script> 
<div class="poly-items__price"> 
<span>do not change change</span> 
</div> 

Answer 3

您也可以通过一个功能jQuery.html

$(document).ready(function(){ 
 
     $(".poly-items__price span").html(function() { 
 
       return $(this).html().replace("change","<p>new text</p>"); 
 
     }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="poly-items__price"> 
 
    <span>do not change change</span> 
 
</div>

Answer 4

试试这个

可以ALSE使用$(toreplace).find("span").html(str);更换跨度 的内容

$(document).ready(function(){ 
 
     var toreplace= $(".poly-items__price"); 
 
     var str = $(toreplace).find("span").text().replace("change","<p>new text</p>"); 
 
    $(toreplace).find("span").text(str); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="poly-items__price"> 
 
    <span>do not change</span> 
 
</div>