jQuery使用变量来填充属性值

Question

我正在尝试使用变量来填充此CSS jQuery代码的属性值。在下面的示例中，我使用一个数组来尝试填充它，但它给了我一个错误。我没有尝试将其作为一个数组使用，而且＃34; tops＆＃34;等于＆＃34;底部＆＃34;但仍然没有。

var tops = [ '"top"', '"bottom"' ];
$(div).css({ tops[1] : 5 });

Answer 1

您不能将表达式用作对象的文字键。你需要使用jQuery的css()方法的单一setter：

var tops = [ 'top', 'bottom' ]; // note only a single set of quotes around the values
$(div).css(tops[1], 5);

这也假设div变量包含DOMElement。如果要选择DOM中的所有div元素，请使用字符串选择器：$('div')。