javascript - 如何使用 JQuery 合并两个 UL 以使值交替?

标签 javascript jquery html html-lists

我正在尝试将两个 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 ?

谢谢。

最佳答案

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

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

关于javascript - 如何使用 JQuery 合并两个 UL 以使值交替?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28487604/

相关文章:

Javascript 图像查看器在 Internet Explorer 中不起作用

javascript - 如何将复选框数据发送到 JSON 数组?

javascript - 进行多个异步调用而不相互依赖

javascript - 提交多个输入字段 jQuery/PHP 的最佳方式?

javascript - jQuery .on 已触发事件

javascript - 根据循环打印带边的正方形

android - 如何从HTML STRING CONTENT中获取文本内容并通过各种方式分享?

javascript - ReactJS、Redux 和 DexieJS (IndexedDB) - 隐身模式和 Chrome v69 中的错误

javascript - 选择第 n 个和第 n+N 个标记之间的内容

javascript - Velocity.js - 如何使用具有 UI 效果的序列?