javascript - 将数据填充到我所有的跨度中

Question

我有 8 个跨度，其中 4 个具有从数据库检索的值的跨度在页面加载时可见。其他跨度在我自己的弹出框中，当用户单击按钮查看弹出窗口时，可见跨度的值也需要在弹出框内的跨度内。

所以我使用了一个包含两个类的 each() 函数，“.heart”是具有前 4 个跨度的类，它们在页面加载时可见。 '.likes-count' 是另一个在弹出框中有 4 个跨度的类。

我的目标是将前 4 个 span 中的任何值分配给弹出框中的其他 span。

我目前卡在下面的代码中。

JS

$('.heart, .likes-count').each(function(i, element) {
  var thisID = "#" + $(this).attr('id'); // '#like1', '#like2'
  var getAgain = "." + $(thisID + " span").attr('class'); // .likeCount1

  getAgain = $(getAgain).text();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

您可以使用 jQuery 的 each 遍历第一个 div 的跨度. each 的回调函数为您提供了一个索引参数，您可以使用该参数来选择其他 div 的相应索引范围。

$("#hearts span").each(function(index){
  var text = $(this).text();
  $("#likes span").eq(index).text( text );
});//each

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="hearts">
  <span>12</span>
  <span>24</span>
  <span>36</span>
  <span>48</span>
</div>

<div id="likes">
  <span></span>
  <span></span>
  <span></span>
  <span></span>
</div>