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>

Java脚本

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？ 可能是您在页面上有重复的ID（ID应该是唯一的）的问题。

Answer 2

alert(chele.attr('id')); 但是这里的chele是DOM对象（不是jQuery），因此它没有attr方法。 这就是为什么您得到“对象不支持此属性...”的原因