Question

我正在尝试使用包含三个元素<span>的数组来更改三个["Saab", "Volvo", "BMW"]元素的内容。

运行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

请按照以下方式更改代码，并在发布其他问题之前进行搜索。

＆＃13;

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

＆＃13;

<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>

＆＃13;

如何将js数组的连续元素附加到连续标记？

1 个答案: