同じクラスのすべてのタグのコンテンツを変更するにはどうすればよいですか？

Question

すべての.valueInputタグの内容を文字列で変更するためにJQueryを使用しようとしています。 ここでは何もしていないようだ私のコードは、次のとおりです。

フィドル：https://jsfiddle.net/p4yvq0vp/2/

HTML

<div class='main'> 
    <span class='valueInput'></span> 
    <span class='valueInput'></span> 
    <span class='valueInput'></span> 
</div> 

jqueryの

$document.ready(function() { 
    $('.valueInput').text('hi'); 
}); 

Answer 1

変更$documentに$(document) 。

Answer 2

ソリューション：

$(document).ready(function() { 
    $('.valueInput').each(function() { 
    $(this).text('hi!'); 
    }); 
}); 

https://jsfiddle.net/vuz5ygur/