jQuery-将由for循环生成的图标附加到列表项锚点中

Question

我将非常感谢您提供一些指导甚至解决方案！

从一组类名中，我正在使用for循环生成图标集：

// icon array
var iconsArray = ['fa-search','fa-toggle-up','fa-link']; 
var iconsArrayLength = iconsArray.length;

    // loop through array
    for (var i = 0; i < iconsArrayLength; i++) {

        // result
        console.log('<i class="fa' + ' ' + iconsArray[i] + '"></i>');

    }

我也有一个导航元素。该列表具有相同数量的ID项：

<nav>

    <ul id="nav">

        <li><a href="">link 1</a></li>
        <li><a href="">link 2</a></li>
        <li><a href="">link 3</a></li>

    </ul>

</nav>

问：如何将返回的图标集附加/添加到正确的导航项之前？

为了清楚起见，第一个数组值用于第一个导航项，依此类推。

我敢肯定有什么可以回答这个问题的，但是强大的G似乎并不想为我服务！

提前致谢。

回应评论...

结果列表如下所示：

<nav>

    <ul id="nav">

        <li><a href=""><i class="fa fa-search"></i>link 1</a></li>
        <li><a href=""><i class="fa fa-toggle-up"></i>link 2</a></li>
        <li><a href=""><i class="fa fa-link"></i>link 3</a></li>

    </ul>

</nav>

Answer 1

你甚至不需要 for 循环

$('#nav li').each(function(i) {
    $(this).append('<i class="fa' + ' ' + iconsArray[i] + '"></i>')
})