У меня есть этот json:
{"objects":[{"text":{"x":643,"y":71,"width":82,"height":33,"font":"Arial","style":"bold","size":24,"label":"Part A"}}, {"text":{"x":643,"y":116,"width":389,"height":42,"font":"Arial","style":"bold","size":16,"label":"What does \"novel\" mean as it is used in paragraph 8 of \"Turning Down a New Road\"? "}}, {"radiobutton":{"x":643,"y":170,"width":100,"height":20,"label":"A. old"}},{"radiobutton":{"x":643,"y":209,"width":100,"height":20,"label":"B. afraid"}}, {"radiobutton":{"x":643,"y":250,"width":100,"height":20,"label":"C. new"}}, {"radiobutton":{"x":643,"y":289,"width":100,"height":20,"label":"D. friendly"}}]}
Мне нужно получить свойства каждого элемента, но я не могу получить свойство второго уровня, я имею в виду, что я не могу знать, является ли элемент «текстом», «радиобутом», «меткой», у меня нет проблем с провидениями третьего уровня.
Это мой источник:
$.ajax({ url: 'generateobject.php', dataType: 'json', type: 'GET' }).done(function(data) { $.each(data, function(index, firstLevel) { $.each(firstLevel, function(anotherindex, secondLevel) { alert(secondLevel[0]);//shows [object Object] $.each(secondLevel, function(yetAnotherIndex, thirdLevel) { //alert(thirdLevel.y+''+thirdLevel.y); }); }); }); });
Как получить свойство второго уровня?
Используйте Object.keys(data)
и получите доступ к первому элементу. Если вы запустите фрагмент, вы увидите предупреждения типов как ожидалось:
var data = {"objects":[{"text":{"x":643,"y":71,"width":82,"height":33,"font":"Arial","style":"bold","size":24,"label":"Part A"}}, {"text":{"x":643,"y":116,"width":389,"height":42,"font":"Arial","style":"bold","size":16,"label":"What does \"novel\" mean as it is used in paragraph 8 of \"Turning Down a New Road\"? "}}, {"radiobutton":{"x":643,"y":170,"width":100,"height":20,"label":"A. old"}},{"radiobutton":{"x":643,"y":209,"width":100,"height":20,"label":"B. afraid"}}, {"radiobutton":{"x":643,"y":250,"width":100,"height":20,"label":"C. new"}}, {"radiobutton":{"x":643,"y":289,"width":100,"height":20,"label":"D. friendly"}}]}; $.each(data, function(index, firstLevel) { $.each(firstLevel, function(anotherindex, secondLevel) { alert(Object.keys(secondLevel)[0]); $.each(secondLevel, function(yetAnotherIndex, thirdLevel) { //alert(thirdLevel.y+''+thirdLevel.y); }); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>