Javascript 在内部循环。追加jquery

我有两个来自PHP的元素数组。我已经将元素存储在javascript中的2个变量中 然后循环1个变量以创建一个表来显示元素

我想在append中创建元素，并循环另一个数组以绑定或动态显示其他元素

这是我的密码

<script>
$(document).ready(function(){
    $("#courier_id").change(function (){
        var c_id =  $(this).val();
        var totalCOD    =   0;
        $('#data').empty();
        $.ajax({
          type: "POST",
          dataType: "json",
          data: {
              'delivery_courier' : c_id
          },
          url: "<?=base_url()?>Admin/get_deliverd_consignmnet",
          success: function(data) {
              var status    =   data.status;
              var consignment   =   data.consignment;      
          if(consignment.length > 0){
              $("#table").css({"display":"block"});
              $("#nodata").css({"display":"none"});

              $.each(consignment, function(idx, obj) {


                  $("#data").append("<tr><td><input value="+obj.c_id+" total="+obj.cod+" type=checkbox style='width: 24px;height: 23px;'/>"+"</td><td>"+obj.c_id+"</td><td>"+obj.consignee_name+"</td><td>"+obj.consignee_address+"</td><td>"+obj.cod+"</td><td>"+obj.code+" - "+obj.description+"</td><td><select>'2nd loop start here'<option></option>'2nd loop end here'</select></td></tr>");

              });
              $("#data").append("<tr><td colspan='4'><b><center>Total</center></b></td><td id='field_results'></td><td></td><td></td></tr>");

              $("input:checkbox").click(function() {
                var output=0;
                $("input:checked").each(function() {
                  output += Number($(this).attr('total'));
                });
                $("#field_results").html(output);
              });
          }
          else{
              $("#table").css({"display":"none"});
              $("#nodata").css({"display":"block"});
          }
          }
        });
    });
});

$（文档）.ready（函数（）{
$（“#courier_id”）。更改（函数（）{
var c_id=$（this.val（）；
var-totalCOD=0；
$（“#数据”）.empty（）；
$.ajax({
类型：“POST”，
数据类型：“json”，
数据：{
“快递员”：c\U id
},
url:“管理/获取交付物/交付物”，
成功：功能（数据）{
var状态=data.status；
var寄售=数据寄售；
如果（托运长度>0）{
$（“#table”）.css（{“display”：“block”}）；
$（“#nodata”）.css（{“display”：“none”}）；
美元每件（寄售、功能（idx、obj）{
$（“#数据”）.append（“+”“+obj.c#id+”“+obj.tacker#name+”“+obj.tacker#address+”“+obj.cod+”“+obj.code+”-“+obj.description+”‘第二个循环从这里开始’‘第二个循环从这里结束’）；
});
$（“#数据”）。追加（“总计”）；
$（“输入：复选框”）。单击（函数（）{
var输出=0；
$（“输入：选中”）。每个（函数（）{
输出+=数字（$（this）.attr（'total'）；
});
$（“#字段#结果”）.html（输出）；
});
}
否则{
$（“#table”）.css（{“display”：“none”}）；
$（“#nodata”）.css（{“display”：“block”}）；
}
}
});
});
});

循环的第一个var是寄售 我想循环的第二个变量是status

---

首先为选项创建循环，并将其保存在字符串变量中：

var options = "";
$.each(status, function () {
    options += "<option>"+status.attribute+"</option>"
})

var选项=”；
$。每个（状态、功能（）{
选项+=“”+状态。属性+“”
})

然后，将此字符串添加到您的append：

$("#data").append("<tr><td><input value="+obj.c_id+" total="+obj.cod+" type=checkbox style='width: 24px;height: 23px;'/>"+"</td><td>"+obj.c_id+"</td><td>"+obj.consignee_name+"</td><td>"+obj.consignee_address+"</td><td>"+obj.cod+"</td><td>"+obj.code+" - "+obj.description+"</td><td><select>"+options+"</select></td></tr>");

$（“#数据”）.append（“+”+obj.c#id+“+obj.tacker#name+”+obj.tacker#address+”+obj.cod+“+obj.code+”-“+obj.description+”+options+”）；

---

有很多方法可以做到这一点，但我认为这一种对您来说更简单，因为它符合您的思路。

在JS中，您可以在PHP代码中将其构造为字符串，并直接将其附加到所需的表体。好的答案，我使用了相同的代码，它工作起来很有魅力