Не удается получить атрибуты DIV с ATTR Jquery (в)

Question

Следующий код:

<div id='idiv' name='ndiv'> 
<script> 
    var attrs = $('#idiv').attr({}) 
    var astr = JSON.stringify(attrs) 
    console.log (astr) 
</script> 

производит в консоли:

{"0":{},"length":1,"context":{"location":{}},"selector":"#idiv"} 

Почему это не результат:

{"id":"idiv","name":"ndiv"} 

Как мне получить последний?

Answer 1

Попробуйте это:

<div id='idiv' name='ndiv'> 
<script> 
    var attrMap = $('#idiv')[0].attributes; 
    var attrs = {}; 
    $.each(attrMap, function(i,e) { attrs[e.nodeName] = e.value; }); 
    console.log(attrs); // Object {id: "idiv", name: "ndiv"} 
    console.log(JSON.stringify(attrs)) // {"id":"idiv","name":"ndiv"} 
</script> 

Fiddle: http://jsfiddle.net/xbuhbqux/

Answer 2

JQuery операторы часто и, как правило в цепочке возвращают массивы элементов, а не отдельных элементов.

Что вы делаете, фактически возвращает список соответствующих элементов и запрашивает атрибуты для всех элементов в этом списке, который также возвращает элементы списка. Это отражает JSON.stringify.

Answer 3

Если вы хотите создать объект всех атрибутов элемента, относятся к this SO answer

для получения объекта, который вы показали:

var idiv = $('#idiv'); 
var attrs = JSON.stringify({ 
    "id": idiv.attr("id"), 
    "name": idiv.attr("name") 
}); 
console.log(attrs);