2016-04-01 40 views
1

我試圖選擇所有跨度類別.normal在我的網站上,剪切第一個字符並添加€作爲最後一個字符。我努力嘗試,但即使我嘗試用「abc」或任何字符串替換它,它也不起作用。用javascript替換所有選定的元素

我的JavaScript看起來像這樣:

$(document).ready(function(){ 

var prices = document.querySelectorAll('span.normal'); 

for (i=0; i<prices.length; i++) { 
    prices[i].textContent = prices[i].substring(1) + "€"; 
} 

} 

}); 
+2

'價格[I] .textContent =價格[i]於.textContent.substring(1)+ 「€」;' –

+0

@RajaprabhuAravindasamy由於,但正如我所說,事件如果我做 價格[i] .textContent =「abc」; 它不起作用。 –

+0

您可以共享可執行文件演示文稿/代碼片段或[JSFiddle](https://jsfiddle.net/)嗎?如果目標瀏覽器是「 Rayon

回答

2

由於您使用jQuery已經怎麼樣在jQuery的使它完全?

$(document).ready(function() { 
 
    $('span.normal').each(function() { 
 
    \t $(this).text($(this).text().substring(1) + '€'); 
 
    }); 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span>abc</span> 
 
<span class="normal">abc</span> 
 
<span>abc</span> 
 
<span class="normal">abc</span>

+0

完美解決。非常感謝! –

1

var prices = document.querySelectorAll('span.normal'); 
 

 
for (var i = 0; i < prices.length; i++) { 
 
    prices[i].innerHTML = prices[i].innerHTML.substring(1) + "€"; 
 
}
.normal{ 
 
    font-color:black; 
 
}
<span class=normal >3543</span> 
 
<span class=normal >34534</span>

相關問題