合併多個上行線路到一個UL

Question

我如何可以組合多種ul s轉換一個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> 
​ 

Answer 1

偉大的事情有關.append()和.appendTo()是，他們將代替現有的移動DOM元素複製他們的，你可能會想到：

$('ul').children('li').appendTo('ul:first'); // move all LIs to the first UL 
$('ul').not(':first').remove(); // delete the extra ULs 

定製根據需要選擇選擇器;我建議使用通用類而不是通用標籤選擇器。

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/

Answer 2

$('<ul />').append($('ul').remove().children('li')).appendTo('body'); 

FIDDLE

Answer 3

var newUl = $('<ul>');  
$('ul').each(function() { 
     $(this).find('li').each(function() { 
      newUl.append($(this)) 
     }); 
     $(this).remove(); 
    }); 
$('selector').append(newUl);