大佬教程收集整理的这篇文章主要介绍了在jQuery可排序列表中为每个>(包括嵌套)创建ID，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
例.如果我有这个：
<li class="main"> Cat 0
<ul class="subCat">
<li>Subcat 0
<ul class="subCat">
<li>Sub-Subcat 0
<ul class="subCat"></ul>
</li>
</ul>
</li>
<li>Subcat 1</li>
</ul>
</li>
好的,那些ul.subCat用于嵌套其他li项目.我想创建一个函数来向li元素及其li子元素添加ID.每次订单更改都会调用此函数.
结果应该是这样的：
<li class="main" id="cat_0"> Cat 0
<ul class="subCat">
<li id="cat_0_0">Subcat 0
<ul class="subCat">
<li id="cat_0_0_0">Sub-Subcat 0
<ul class="subCat"></ul>
</li>
</ul>
</li>
<li id="cat_0_1">Subcat 1</li>
</ul>
</li>
并且,对于每个li.main元素重复故事达到4级(0到3).
我的实际代码就是这个：
// level 0
target = $('#ulMenu >li');
for( i=0; i<=target.length-1; i++ ){
target.eq(i).attr('id','cat_' + i).addClass('main');
}
// level 1
//------------------------------------------------------------------
$('#ulMenu >li.main').each(function(){
target = $(this).children('ul').children('li');
for( i=0; i<=target.length-1; i++ ){
father = target.eq(i).parent('ul').parent('li').attr('id').split('_')[1];
target.eq(i).attr('id','cat_' + padre + '_' + i);
}
function menuID(el,base) {
base = base || 'cat';
$(el).filter('li').each(function(i) {
this.id = base + '_' + i;
menuID($(this).children('ul').children('li'),this.id);
});
};
menuID('.main');
见http://jsfiddle.net/alnitak/XhnYa/
(function($) {
$.fn.menuID = function(base) {
base = base || 'cat';
this.filter('li').each(function(i) {
this.id = base + '_' + i;
$(this).children('ul').children('li').menuID(this.id);
});
};
})(jQuery);
$('.main').menuID();
以上是大佬教程为你收集整理的在jQuery可排序列表中为每个>(包括嵌套)创建ID全部内容，希望文章能够帮你解决在jQuery可排序列表中为每个>(包括嵌套)创建ID所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。