我有一个项目清单,
<ul class="testList"> <li class="a">Should be grouped in a UL with id name = a</li> <li class="b">2</li> <li class="c">Should be grouped in a UL with id name = c</li> <li class="c">Should be grouped in a UL with id name = c</li> <li class="d">2</li> <li class="e">3</li> <li class="a">Should be grouped in a UL with id name = a</li> </ul>
我试图找到重复的LI类,然后将它们分组到UL.
这是我的jQuery代码
$('ul.testList li').each(function(index,el) { var li = $(this); var cls = li.attr('class'); var match = $('li[class="' + cls + '"]'); if (match.length > 0) { var ul = $('<ul id="'+ cls +'"></ul>'); match.appendTo(ul); $(this).add(match).addClass('matched'); } });
解决方法
这为每个附加了一个新的UL并删除了原件.还假设这些李只有一个班级.还假设页面中没有其他类似的ID
$('ul.testList li').each(function(index,el) { var li = $(this),cls = li.attr('class'),$parent=$('#'+cls); // if new parent doesn't exist create it if(!$parent.length){ $parent = $('<ul id="'+cls+'">').appendTo('body'); } $parent.append(li.addClass('matched')) }); // remove original $('ul.testList').remove()
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。