Question

我正在尝试动态显示从ajax请求返回的数组中的某些数据。我知道我已成功从服务器检索数组。我的问题似乎是在屏幕上显示数组。我认为我在使用变量指定元素的id时出错，然后尝试使用jquery选择该ID。我已经尝试过类似帖子所建议的各种组合（使用单引号和双引号），但它们似乎都没有效果。有人可以建议吗？

我的代码：

   success: function(data){
      $.each(data, function(i, element){
          // display 'filename' and corresponding 'title'.
          var id_name = element['filename'];
          mainDiv.append('<div class="wrapper_div" id='+id_name+'></div>');

          $('#' + id_name).append('<input type="checkbox" name="checkvalue[]" class="check_box" disabled="disabled" value='+element['filename']+'>');
          $('#' + id_name).append('<div>' + element['filename'] + '</div>');
          $('#' + id_name).append('<div>' + element['title'] +  '</div>');

         });
        }

我知道我的数据存在，因为以下代码有效。显示项目。但我真的需要上面的代码：

   mainDiv.append('<input type="checkbox" name="checkvalue[]" class="check_box" disabled="disabled" value='+element['filename']+' >');
          mainDiv.append('<div>' + element['filename'] + '</div>');
          mainDiv.append('<div>' + element['title'] +  '</div>');

Answer 1

将mainDiv.append更新为此

mainDiv.append('<div class="wrapper_div" id="' + id_name + '"></div>');

也是这一行

$('#' + id_name).append('<input type="checkbox" name="checkvalue[]" class="check_box" disabled="disabled" value= "' + element['filename'] +'">');

Answer 2

您是否正确关闭了$.each()？我没有在代码示例中看到右括号和括号。当我添加右括号和括号时，它会按预期运行。

this pen显示该功能正常执行，因此您的问题可能与代码中的其他内容有关。

 success: function(data){
      $.each(data, function(i, element){
          // display 'filename' and corresponding 'title'.
          var id_name = element['filename'];
          mainDiv.append('<div class="wrapper_div" id='+id_name+'></div>');

          $('#' + id_name).append('<input type="checkbox" name="checkvalue[]" class="check_box" disabled="disabled" value='+element['filename']+'>');
          $('#' + id_name).append('<div>' + element['filename'] + '</div>');
          $('#' + id_name).append('<div>' + element['title'] +  '</div>');
      });
 }

使用jQuery选择带变量的id

2 个答案: