javascript - 如何将两个 UL 与 JQuery 合并，以便值交替？

Question

我正在尝试将两个 UL 与 JQuery 合并，以便值交替。我如何合并以下内容:

  <ul id="1">
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>

  <ul id="2">
    <li>a</li>
    <li>b</li>
    <li>c</li>
  </ul>

像这样:

  <ul id="1">
    <li>1</li>
    <li>a</li>
    <li>2</li>
    <li>b</li>
    <li>3</li>
    <li>c</li>
  </ul>

用 JQuery 吗？

谢谢。

Answer 1

var i=1;
$("#1 li").each(function(){
$(this).after($("#2 li:nth-child("+i+")").clone());
i++;
});

$("#2").remove();