如何在内部设置循环追加。这给出了语法错误

Question

$.ajax({
  type: "POST",
  async: true,
  url: "<?php echo base_url(); ?>" +
    "index.php/admin/get_user_privilages",
  dataType: 'json',
  data: {
    user_id: user_id
  },
  success: function(res) {

    $.each(res, function(key, value) {


      $('#image_view_panel').append(
        '<div class="col-md-6">' +
        '<div class="checbox-wrapper">' +
        '<div class="checbox-wrapper-heading">' +
        '<h5>' + value.category_name + '</h5>' +
        '</div>' +
        '<div class="checbox-wrapper-label">'
        $.each(value.sub_cat, function(key2, value2) {
          +
          '<label> <input type="checkbox" class="i-checks"> &nbsp;' +
          value2 + '</label>'
        }); +
        '</div>' +
        '</div>' +
        '</div>'

      );


    });

  },
  error: function(data) {

  }

});

Answer 1

尝试使用变量，保持简单。

var iHtml = '';
$.each(res, function(key, value) {
  iHtml += '<div class="col-md-6">' +
    '<div class="checbox-wrapper">' +
    '<div class="checbox-wrapper-heading">' +
    '<h5>' + value.category_name + '</h5>' +
    '</div>' +
    '<div class="checbox-wrapper-label">';
  $.each(value.sub_cat, function(key2, value2) {
    iHtml +=
      '<label> <input type="checkbox" class="i-checks"> &nbsp;' +
      value2 + '</label>';
  });
  iHtml += '</div>' +
    '</div>' +
    '</div>';
});

$('#image_view_panel').append(iHtml);