如何用新ul替换ul

Question

我如何使用jquery替换我在第一个ul中的内容与第二个ul中的内容？

$('li').each(function() {
  alert($(this).text()); //so far this is what I have which alerts me with all the li's text.
});

---

<ul>
   <li>apple</li>
   <li>peach</li>

<ul>
   <li>juice</li>
   <li>candy</li>
</ul>

Answer 1

$('ul').eq(0)
   .replaceWith($('ul').eq(1));

小提琴：http://jsfiddle.net/c4vh9/

Answer 2

为避免多次评估选择器，您可以这样做：

var uls = $("ul");
uls.eq(0).html(uls.eq(1).html());

这将获得一个jQuery对象，其中包含<ul>个元素的列表。 eq(0)获取第一个ul并将其innerHTML设置为eq(1)秒ul的innerHTML。

或者使用更少的jQuery，可能还有更多的可读性：

var uls = $("ul");
uls[0].innerHTML = uls[1].innerHTML;