javascript - 更改列表元素的类

Question

我想将每个列表(#list) 项的类更改为Array 中对应的项。我有一个这样的列表:

<ul id="list">
    <li>Banana</li>
    <li>Apple</li>
    <li>Pear</li>
    <li>Strawberry</li>
    <li>Lemon</li>
</ul>

我有这个数组:

["ban", "appl", "per", "straw", "lemn"]

我想要的是jQuery .addClass() 函数按 class 中的 Array 中的顺序更改每个项目。结果是:

<ul id="list">
    <li class="ban">Banana</li>
    <li class="appl">Apple</li>
    <li class="per">Pear</li>
    <li class="straw">Strawberry</li>
    <li class="lemn">Lemon</li>
</ul>

我该怎么做？

Answer 1

这个should work为您服务:

var classes = ["ban", "appl", "per", "straw", "lemn"];

$('#list > li').addClass(function(index) {
  return classes[index];
});

您可以查看此重载的文档(采用 function(index, currentClass) 回调的文档)on the jQuery website .