通过变量访问数据属性值

Question

下面，您可以找到＆＃34;所选＆＃34; -Object的屏幕截图，我正在使用。这是一个选择列表。我收到带有以下代码的对象（使用jQuery）：

var addArticle = $('.add-article'); // div.add-article
// selector is a dynamic value, that defines, which select-list should be "found"
var select = addArticle.find('[data-id=' + selector + ']'); 

对象选择工作正常。但是当我想获得数据属性值（值是数字）时，我无法得到它们。

我尝试了很多变化来获取值，但这里有一个例子

//$this.selectors is an array with all values beween data- and -id
$.each($this.selectors, function (i, el) {
    //return if last needed data attribute was read
    if (i == $this.lastAsInt) {
        return false;
    }
    // "generate" data-selector
    selector = '[data-' + el + '-id]';

    // select = object from the image (see link), also tried with data()
    location[el] = select.find(':selected').find(selector);
});

我希望，有人能理解我的问题：）

Answer 1

假设您有一个变量，您可以在其中存储＆＃34;选择＆＃34;对象例如var myObject

然后您只需使用 jQuery .data()获取数据属性：

myObject.data('room-id');

这是Fiddle