js配列の連続する要素を連続するタグに追加するにはどうすればよいですか？

Question

3つの要素の配列["Saab", "Volvo", "BMW"]を使用して、3つの<span>要素の内容を変更しようとしています。 jQueryのを実行した後

HTMLは次のようになります。ここでは

<div class='main'> 
    <span class='valueInput'>Saab</span> 
    <span class='valueInput'>Volvo</span> 
    <span class='valueInput'>BMW</span> 
</div> 

私が今持っているものです。

$(document).ready(function() { 
 
    var $spots = $('.valueInput').text(); 
 
    var $cars = ["Saab", "Volvo", "BMW"]; 
 
    $spots.text($cars); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='main'> 
 
    <span class='valueInput'></span> 
 
    <span class='valueInput'></span> 
 
    <span class='valueInput'></span> 
 
</div>

Answer 1

あなたが投稿する前に、次のようにコードを変更し、検索してください別の質問。

$(document).ready(function() { 
 
    var $spots = $('.valueInput'); 
 
    var $cars = ["Saab", "Volvo", "BMW"]; 
 
    $spots.each(function(i) { 
 
    $(this).text($cars[i]); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='main'> 
 
    <span class='valueInput'></span> 
 
    <span class='valueInput'></span> 
 
    <span class='valueInput'></span> 
 
</div>