如何将html元素属性转换为JSON

Question

我需要将属性对象转换为JSON类型，但属性对象是一种魔法。

代码：

var attrs = $("#delimiter")[0].attributes; 
console.log(attrs); 
console.log(attrs["id"]); 
console.log(JSON.stringify(attrs)); 

结果：

{0: id, 1: title, length: 2} 
id=​"delimiter" 
{"0":{},"1":{}} 

我需要导致这样的：

{"id" : "foo", "title" : "some title"} 

Answer 1

$("#delimiter")[0].attributes返回属性节点的数组具有name和value财产，所以你需要，你可以做什么：

var attrs = {}; 
$("#delimiter")[0].attributes.forEach(function(element) { 
    attrs[element.name] = element.value; 
}); 

为Element.attributeshere参见文档。

Answer 2

你可以使用这个简单的插件作为$('#delimiter').getAttributes();

(function($) { 
    $.fn.getAttributes = function() { 
     var attributes = {}; 

     if(this.length) { 
      $.each(this[0].attributes, function(index, attr) { 
       attributes[ attr.name ] = attr.value; 
      }); 
     } 

     return attributes; 
    }; 
})(jQuery);