1

Есть разметка:

var elems = $( "div" );
var result = $.makeArray( elems );
console.log(result);
// массив result должен принять такой вид
var example = [
    {name: "p1", child: [
        {name: "p1.1", child: []},
        {name: "p1.2", child: [
    	    {name: "p1.2.1", child: []},
            {name: "p1.2.2", child: []}
        ]}
    ]}
];
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>p1
  <div>p1.1</div>
  <div>p1.2
    <div>p1.2.1</div>
    <div>p1.2.2</div>
  </div>
</div>

Как написать функцию, чтобы она преобразовала разметку в массив, учитывая вложенность тегов? Конечная разметка содержит почти 27000 по разному вложенных div

1 ответ 1

3

var elem = document.querySelector("div"),
  example = [foo(elem)];

function foo(elem) {
  return {
    name: elem.firstChild.textContent.trim(),
    child: [].map.call(elem.children, foo)
  }
}
console.log(example)
<div>p1
  <div>p1.1</div>
  <div>p1.2
    <div>p1.2.1</div>
    <div>p1.2.2</div>
  </div>
</div>

2
  • Вы мой кумир!!! Спасибо!
    – user214589
    6 июл 2016 в 19:23
  • @user214589 выше убрал лишнее из функции
    – рони
    6 июл 2016 в 20:16

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.