大佬教程收集整理的这篇文章主要介绍了jquery – 如何根据他们的ID对LI进行排序,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!DOCTYPE html> <html> <head> </head> <body> <ul id="dumb"> <li>cello<span>2987</span></li> <li>zello<span>1723</span></li> <li>aello<span>3476</span></li> </ul> <script type='text/javascript' src='JQUERY INCLUDE'></script> <script type="text/javascript"> $(document).ready(function() { $('ul li span').each(function(){ var pubValue = $(this).html(); $(this).parent().attr('id',pubvalue); }); }); </script> </body> </html>@H_618_8@
<ul id="test"> <li id="4112">blub</li> <li id="1422">blaaah</li> <li id="6640">hmmmm</li> <li id="2221">one more</li> </ul>@H_618_8@然后你可以调用javascripts本机数组.sort()方法,因为jQuery包装集在数组中保存:
$(function(){ var elems = $('#test').children('li').remove(); elems.sort(function(a,b){ return parseInt(a.id) > parseInt(b.id); }); $('#test').append(elems); });@H_618_8@
以上是大佬教程为你收集整理的jquery – 如何根据他们的ID对LI进行排序全部内容,希望文章能够帮你解决jquery – 如何根据他们的ID对LI进行排序所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。