選択したすべての要素をjavascriptに置き換えます。

Question

私のサイトでクラス.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() { 
 
    \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>

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>