javascript - jQuery中修改属性的最短方式

Question

我这样做:

$("td.myTD").each( function(){
    var rowspan = $(this).attr("rowspan");
    rowspan = parseInt(rowspan) + 1;
    $(this).attr("rowspan", rowspan);                            
});

(所有 myTD 类的 td 的行跨度递增 1)。有没有更短的写法？

在一个完美的世界里，我想写这样的东西:

$("td.myTD").attr("rowspan", someMagicHereToGetTheAttrValueForEachFoundElement() + 1);

这可能吗？

Answer 1

您可以使用 .attr( attributeName, function(index, attr) ) 执行此操作:

$("td.myTD").attr("rowspan", function(index, attr){
    return parseInt(attr, 10) + 1;
});

这里，上面的代码使用了一个函数，该函数将元素在集合中的索引位置和旧属性值作为参数。然后该函数返回一个基于旧属性的新属性值。当一次修改多个元素的属性时，使用函数计算属性值特别有用。

有关详细信息，请参阅 attr function(index, attr) documentation .