Question

我想要使用三個元素["Saab", "Volvo", "BMW"]的數組來更改三個<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>