javascript - 如何在 jQuery 中循环遍历数组并将数组中的值附加到 li 内

Question

我在 jQuery 中有一个带有数字的简单数组。数字 3、6、9、12、15 代表无序列表中我想要插入 html div 的特定位置。所以在 3、6、9 等 li 之后我想插入一个 div。这是我的 jQuery。在我的代码中，似乎只在第 15 li 之后插入 div。如何在每个特定位置插入 div 而不仅仅是最后一个位置？

    var row = [3, 6, 9, 12, 15];

    var emptyDiv= $('<div></div>');

    jQuery.each(row, function(i, val){
        $(emptyDiv).insertAfter('ul#state-list li:nth-child(' + val + ')');
    });

Answer 1

试试这个:

var row = [3, 6, 9, 12, 15];
jQuery.each(row, function(i, val) {
    $('<div>').insertAfter('ul#state-list li:nth-child(' + val + ')');
});