javascript - 有没有办法同时获得一个对象的许多属性？

Question

我有以下内容：

    link = {
        action: $link.attr('data-action') || '',
        dialogType: $link.attr('data-dialogType') || '',
        params: $link.attr('data-params') || '',
        title: $link.attr('title') || '',
        viewURL: $link.attr('data-href') || '',
        entity: $link.attr('data-entity') || '',
        row: $link.attr('data-row')
    };

我只是想知道。有没有更干净的方法可以做到这一点，或者我是否坚持必须获得这样的属性。

Answer 1

您可以为此窃取许多功能：Get all Attributes from a HTML element with Javascript/jQuery

或者，干掉它：

var link = {};

['action', 'dialogType', 'params', 'title', 'href', 'entity', 'row'].forEach(function(i) {
    link[i] = $link.attr('data-' + i) || $link.attr(i);
});

请注意，这需要将 viewURL 更改为 href。也需要forEach支持。

Answer 2

简单用这个

link=$link.data();
link.title=$link.attr('title');

按照 Wesley Murch 的建议进行编辑

Answer 3

您可以使用jQueryextend()方法（除 之外的所有内容title）：

link = $.extend(link, $('a#mylink').data());
link.title = $('a#mylink').attr('title');

这是它的实际操作：http: //jsfiddle.net/q4hqR/