javascript - jQuery 将键值对添加到空对象

Question

在 jQuery 中，我可以像这样向一个元素添加多个属性...

var input = $('<input/>').attr({ type : 'text', value : 'New Value'});

我的问题是，如何使用这样的变量来实现这一点...

var input = $('<input/>').attr(inputAttr);

我假设 inputAttr 应该是一个对象并且我可以添加到该对象。我一定是弄错了。这是我为实现这一目标所做的众多尝试之一。

var inputAttr = {};
inputAttr.add({ type: 'text' });
inputAttr.add({ value : 'New Value' });

我也试过这样....

var inputAttr = {};
inputAttr.add('type: text');
inputAttr.add('value : New Value');

我想也许 inputAttr 应该是一个数组，它似乎输出了一个正确的字符串，但不确定如何使它成为一个对象(我认为它应该是)。

var inputAttr = [];
inputAttr.push('type: text');
inputAttr.push('value : New Value');

// Then added object brackets like so
var input = $('<input/>').attr({inputAttr});

任何帮助将不胜感激!提前致谢!

Answer 1

对象属性只是通过名称访问。它不是数组。

var inputAttr = {};
inputAttr.type = 'text';
inputAttr.value = 'New Value';

var input = $('<input/>').attr(inputAttr);

如果你想通过键间接访问它们，它就像一本字典:

var inputAttr = {};
inputAttr["type"] = 'text';
inputAttr["value"] = 'New Value';