访问Jquery/Javascript中的动态属性名称
在我正在编写的插件中，dev可以指定选项，我正在存储和引用的选项如下：
(function( $, window) {
$.widget("mobile.plug", $.mobile.widget, {
options: {
menuWidth: '25%',
middleWidth: '25%',
mainWidth: '25%'
},
some: function(){
var self = this,
o = self.options;
console.log( o.menuWidth );
}
})
}) (jQuery,this);我的问题
假设我想遍历这三个元素(主元素、菜单元素、中间元素)并获得相应的选项值，如果可能的话，我将如何动态地构造o.elemWidth？
这不起作用(错误:后面缺少名称。(操作员)：
// this selects panels with jqmData(panel="mid|menu|main")
var elems = $('selector');
for (var i = 0; i<elems.length; i++){
var el = elems.eq(i);
console.log( o.[el.jqmData("panel")]Width );
}回答 3
Stack Overflow用户
发布于 2012-06-15 12:53:36
您应该能够将“宽度”连接到“面板”结果：
o[el.jqmData("panel") + "Width"]例如，如果el.jqmData("panel")是“菜单”，你就会得到o["menuWidth"]。
Stack Overflow用户
发布于 2012-06-15 12:55:52
您得到了错误，因为您试图使用对象成员运算符的两种形式。
这两种形式是。
obj.propertyName点notationobj["propertyName"]括号符号
您有.[...] (两者都使用)。这个点期望在它后面出现一个名字)
您需要[...] (没有前面的点)
然后，还需要进行字符串连接以添加"Width"。
o[el.jqmData("panel") + "Width"]Stack Overflow用户
发布于 2012-06-15 12:55:59
您要查找的是带有字符串的括号内符号：
for (var i = 0; i<elems.length; i++){
var el = elems.eq(i);
console.log( o[el.jqmData("panel") + "Width"] );
}...assuming，el.jqmData("panel")返回"mid"、"menu"等。
在JavaScript中，您可以使用虚线表示法和文字(obj.foo)或括号内的表示法和字符串(obj["foo"])引用属性。在后一种情况下，它不必是文字字符串，它可以是表达式的结果。
https://stackoverflow.com/questions/11050978
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号