Question

可能是一个简单答案的问题，但我找不到它。

是否有更简单的方法：

$('#' + array_with_ID[0]).css('width', array_with_px_value[0] + 'px');
$('#' + array_with_ID[1]).css('width', array_with_px_value[1] + 'px');
$('#' + array_with_ID[2]).css('width', array_with_px_value[2] + 'px');
$('#' + array_with_ID[3]).css('width', array_with_px_value[3] + 'px');
$('#' + array_with_ID[4]).css('width', array_with_px_value[4] + 'px');
etc...

Answer 1

for ( var i = 0, l = Math.max(array_with_ID.length, array_with_px_value.length); i < l; ++i ) {
    $('#' + array_with_ID[i]).css('width', array_with_px_value[i] + 'px');
}

这样的事情应该会有所帮助。如果您知道它们的长度始终相同，则甚至不需要Math.max。

Answer 2

var array_with_ID = ['div1', 'div2', 'div3', 'div4', 'div5', 'div6', 'div7'];
var array_with_px_value = [ 210, 220, 230, 240, 250, 260, 270 ];

$(array_with_ID).each(function(i){
    $('#' + this).css('width', array_with_px_value[i] + 'px');
});

jQuery each将遍历数组。

jsFiddle

分配javascript数组以设置另一个数组的样式

2 个答案: