你如何为ES6中的每个人做？

Question

我怎样才能对es6执行相同的功能？我正在尝试将此文本添加到列表项

var names = [ "Jon", "Nick", "Bill", "Tom" ];

$('#names-list li').each(function (index) {
 $(this).text(names[index]);
});

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

Answer 1

ES6似乎与你所要求的无关.

您的问题的要点似乎是"如何在没有jQuery的情况下实现这一目标？".在这种情况下,等价物将querySelectorAll()用于获取li元素,forEach()循环它们然后设置textContent,如下所示:

var names = ["Jon", "Nick", "Bill", "Tom"];

document.querySelectorAll('#names-list li').forEach(function(li, index) {
  li.textContent = names[index];
});

<ul id="names-list">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>