将多个UL合并为一个UL
将多个UL合并为一个UL
提问于 2012-11-27 04:38:53
如何将多个ul组合成一个ul
例如，我如何组合以下内容。
<ul>
<li>one</li>
<li>two</li>
</ul>
<ul>
<li>three</li>
</ul>
<ul>
<li>four</li>
</ul>
<ul>
<li>five</li>
</ul>像这样的东西
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>five</li>
</ul>
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-11-27 04:40:19
.append()和.appendTo()的伟大之处在于，它们将移动现有的DOM元素，而不是像您预期的那样复制它们：
$('ul').children('li').appendTo('ul:first'); // move all LIs to the first UL
$('ul').not(':first').remove(); // delete the extra ULs根据需要定制'ul'选择器；我建议使用通用类而不是通用标签选择器。
http://jsfiddle.net/j76Lu/
稍微优化一下(谢谢，adeneo)：
$('ul').not(':first').remove().children('li').appendTo('ul:first');http://jsfiddle.net/j76Lu/1/
或者更好：
$('ul:gt(0)').remove().children('li').appendTo('ul:eq(0)');http://jsfiddle.net/j76Lu/2/
Stack Overflow用户
发布于 2012-11-27 04:45:00
$('<ul />').append($('ul').remove().children('li')).appendTo('body');
Stack Overflow用户
发布于 2012-11-27 04:45:30
var newUl = $('<ul>');
$('ul').each(function() {
$(this).find('li').each(function() {
newUl.append($(this))
});
$(this).remove();
});
$('selector').append(newUl);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13572760
复制相关文章
相似问题
腾讯云开发者
