javascript - jQuery:将数组值分配给另一组元素

Question

我有这个代码:

jQuery(document).ready(function($) { 
    var i = 0; 
    var values = []; 
    var element = $('.source');
    element.each(function(i) { 
        values[i++] = $(this).text();
    });
});

我想将上面的每个数组值分配为另一组列表元素上的单独 data-text 值。像这样的事情:

<ul id="list">
  <li data-text="arrayvalue1"></li>
  <li data-text="arrayvalue2"></li>
  <li data-text="arrayvalue3"></li>
</ul>

我不明白如何使用 jQuery 来做到这一点。

Answer 1

您可以使用 attr() 将另一个数组中的值分配给 data-text 值。使用 each() 循环，您可以迭代 ul 中的所有 li 元素，并从 element 数组开始添加值0，并且您还将 i 增加 1。因此，在第二个 li 时，i 的值将为 1这是 arrayvalue2 等...

var element = ["arrayvalue1", "arrayvalue2", "arrayvalue3"]

var i = 0;
var values = $('ul li').each(function() {
  return $(this).attr('data-text', element[i++]);
});

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