jquery在li中迭代ul

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 is too long, line wraps but no indention

alert(jsonSeqObj);
return jsonSeqObj;

但是孩子的事不管用

错误:对象不支持此属性。

Answer 1

您的标记与示例中的相同吗？或者您有多个嵌套的可排序ul-s？可能的问题是页面上的Id重复(Id应该是唯一的)。

Answer 2

但是chele是DOM对象(不是jQuery)，所以它没有alert(chele.attr('id'));方法。这就是为什么你得到‘对象不支持这个属性...’的原因。