JQuery итерации в пределах ли

Question

Я использую следующий код для итерации HTML-элемента, указанного ниже

<ul id="sortable">
<li>
<p> item 1</p>
<ul id="nested-sortable">
  <li>
     Sub item 1 
  </li>
  <li>
     Sub item 2
  </li>
  <li>
     Sub item 3 
  </li>
</ul>
</li>
<li>
<p> item 2</p>
</li>
</ul>

Javascript

var jsonSeqObj = {};
alert('hi');
$('ul#sortable li').each(function(index,pele) {
   alert($(pele).attr('id'));
   $(pele).children('ul#nested-sortable li').each(function(idx, chele) {
   alert(chele.attr('id'));
   jsonSeqObj.push({REF_ID:$(chele).attr('id') , NEW_SEQ_NO:idx });
});  
jsonSeqObj.push({REF_ID:$(pele).attr('id') , NEW_SEQ_NO:index });
});

li ul li слишком длинный, перенос строк, но нетотступ

alert(jsonSeqObj);
return jsonSeqObj;

, но дочерние элементы не работают

ОШИБКА: объект не поддерживает это свойство.

Answer 1

Ваша разметка такая же, как в примере? Или у вас есть несколько вложенных сортируемых ul-ов? Возможно проблема в том, что у вас есть дублированные идентификаторы на странице (идентификатор должен быть уникальным).

Answer 2

alert(chele.attr('id')); Но здесь Chele - это объект DOM (не jQuery), поэтому у него нет метода attr.Вот почему вы получаете "объект не поддерживает эту собственность ..."