javascript - 需要 "DRY"我的代码

Question

所以，我正在使用这个轮播插件，它生成的内容我只能与 javascript 或 jQuery 交互。

所以我的问题如下。在我的轮播下面是具有以下 html 的项目符号:

<div id="bullets" class="jqarousel-ms-block">
    <ul>
        <li class="focus">0</li>
        <li class="focus">1</li>
        <li class="focus">2</li>
        <li class="focus">3</li>
    </ul>
</div>  

我需要定位这些 li 并将其内部的数字加 1。 所以我想要 1,2,3,4，而不是 0,1,2,3。

我使用的代码很愚蠢，因为它都是重复的。

$("#bullets ul").children().eq(0).html(1);
$("#bullets ul").children().eq(2).html(2);
$("#bullets ul").children().eq(3).html(3);
$("#bullets ul").children().eq(4).html(4);

帮我把它擦干!

Answer 1

您可以将匿名函数传递给 html()，您可以使用它来修改值。根据您的情况，将 1 添加到当前值。试试这个:

$("#bullets ul li").html(function(i, value) {
    return parseInt(value, 10) + 1;
});

Example fiddle

此方法的优点是，如果数字不是从 1 开始，或者步骤不是一个恒定的级数，则该方法有效。