jquery是否更新第n个元素之后的所有元素？

假设我有以下代码：

<ul>
    <li data-val="1">1</li>
    <li data-val="4">2</li>
    <li data-val="2">3</li>
    <li data-val="5">4</li>
    <li data-val="1">5</li>
</ul>

我可以使用for循环来实现这一点，但不确定这是否是性能和最少冗余代码方面的最佳方式。有更好的办法吗

我可以使用jquery和css。

您可以调用并传递一个函数，该函数将两个字段相加：

$('ul li:gt(0)').html(function() {        
    return $(this).data('val') + parseInt($(this).html());
});​

$('ul li:gt(0)').html(function() {        
    return $(this).data('val') + parseInt($(this).html());
});​