用 javascript 替换所有选定的元素

Question

我正在尝试 select 在我的站点上使用 class .normal 的所有跨度，删除第一个字符并添加 € 作为最后一个字符。我真的很努力，但即使我尝试用 "abc" 或任何字符串替换它，它也不起作用。

我的 javascript 看起来像这样：

$(document).ready(function(){

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

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

}

});

Answer 1

既然您已经在使用 jQuery，那么在 jQuery 中完全使用它如何？

$(document).ready(function() {
  $('span.normal').each(function() {
   $(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>

Answer 2

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>

用 javascript 替换所有选定的元素

Replacing all selected elements with javascript

html

javascript

css

selector