如何在循环中或为每个数组元素使用 .clone()？

Question

出于某种原因，我必须修改用于创建发票的软件模板。发票是在 html 中生成的，因此，我认为我可以用 Stylish 和 Grease Monkey 来做到这一点（没有开发人员的支持，所以我必须自己做）。基本上我有一些没有 id 的 div 元素和表格。我为每个元素生成了唯一的 id（这部分代码有效），我现在需要的是克隆 "#order-"+index+"-details" 并将其添加到 "#order"+index+"lines" 前面，其中 index of " #order-"+index+"-details" 匹配 "#order"+index+"lines"（这部分不匹配）。我知道代码是业余的和丑陋的，但它不一定是高效的——它必须有效；)。var orders=document.querySelectorAll("div.pages");    for(var i = 0; i < orders.length; i++){$("body").find("div.pages").each(function(index){$(this).attr("id","order-"+index+"-page");})$("body").find("div.pages > div:nth-child(1) > table:nth- child(3)").each(function(index){$(this).attr("id","order-"+index+"-details");})$("body").find("div.pages > div:nth-child(1) > table:nth- child(7)").each(function(index){$(this).attr("id","order-"+index+"-lines");})$order_details = $("#order-"+index+"-details").clone();$("#order"+index+"lines").prepend($order_details);}这部分不起作用$order_details = $("#order-"+index+"-details").clone();$("#order-"+index+"-lines").prepend($order_details);当我尝试时它有效：$order_details = $("#order-1-details").clone();$("#order-1-lines").prepend($order_details);$order_details = $("#order-2-details").clone();$("#order-2-lines").prepend($order_details);但我需要循环它。非常感谢您的所有建议。

Answer 1

$order_details = $("#order-"+index+"-details").clone();

$("#order"+index+"lines").prepend($order_details);

应该

$order_details = $("#order-"+i+"-details").clone();

$("#order"+i+"lines").prepend($order_details);

如果代码格式化就更清楚了：

var orders = document.querySelectorAll("div.pages");

for (var i = 0; i < orders.length; i++) {

    $("body").find("div.pages").each(function(index) {

        $(this).attr("id","order-"+index+"-page");

    });

    $("body").find("div.pages > div:nth-child(1) > table:nth- 

    child(3)").each(function(index){

        $(this).attr("id","order-"+index+"-details");

    });

    $("body").find("div.pages > div:nth-child(1) > table:nth- 

    child(7)").each(function(index){

        $(this).attr("id","order-"+index+"-lines");

    });

    $order_details = $("#order-"+i+"-details").clone();

    $("#order"+i+"lines").prepend($order_details);

}