改變部分

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>