jquery 在 li 内迭代 ul
我使用以下代码来迭代
<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 });
});
下面给出的 HTML 元素li ul li 太长，换行但没有缩进
alert(jsonSeqObj);
return jsonSeqObj;
但子项不起作用
错误：对象不支持此属性。
I'm using the following code to iterate the HTML element given below
<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;
but the children thing is not working
ERROR : Object doesnt support this property.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您的标记与示例中的相同吗？或者您有多个嵌套可排序 ul-s？也许问题是页面上有重复的 ID（ID 应该是唯一的）。
Is your markup same as in the example? Or you have more than one nested-sortable ul-s? Maybe problem that you have duplicated IDs on the page (Id should be unique).
alert(chele.attr('id'));但这里的chele是DOM对象（不是jQuery），所以它没有attr方法。这就是为什么您会收到“对象不支持此属性...”
alert(chele.attr('id'));But chele here is DOM object (not jQuery), so it doesn't have attr method. That's why you are getting 'object doesn't support this prperty...'