jquery - jQuery .attr() 多个方法中计算的 attributeName？

Question

我想知道为什么会这样:

var $blur = $("#blur"),
    blH = $blur.height();
    blHS = $blur.height() + 1;
    $blur.attr('data--' + blH + '-top', 'filter: blur(5px)');
    $blur.attr('data--' + blHS + '-top', 'filter: blur(0px)');

但这并不:

var $blur = $("#blur"),
    blH = $blur.height();
    blHS = $blur.height() + 1;
    $blur.attr({
        'data--' + blH + '-top': 'filter: blur(5px)',
        'data--' + blHS + '-top': 'filter: blur(0px)'
    });

Chrome 说:

Uncaught SyntaxError: Unexpected token +

Firebug 说:

SyntaxError: missing : after property id

我不知道什么是正确的语法!!

我不明白，我真的很感谢任何帮助..

Answer 1

您有 Javascript 语法错误，计算属性名称尚不支持，但它将在 ECMA6 中

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer

如果你真的想做第二种方式，这就是你要做的

var attrs = {};
attrs['data--' + blH + '-top'] = 'filter: blur(5px)';
attrs['data--' + blHS + '-top'] = 'filter: blur(0px)';

$blur.attr(attrs);