动态设置img标签图片失效问题

 $(document).ready(function(){
var list = [[${documents}]];
    $.each(list,function(i,data){
      var tr = $("#tbody");
      var image = "image"+i;
      tr.append('<tr>\n'
          + '                  <td class="table-td-label" style="width: 10%">催收附件:</td>\n'
          + '                  <td class="table-td-value" colspan="3">\n'
          + '                    <img id="'+image+'" th:src='+data.documentPath+' id="picker" style="width:100%"/>\n'
          + '                  </td>\n'
          + '                  <td></td>\n'
          + '                </tr>');

      $('#'+image).attr('src',data.documentPath);
    });
  });

如果直接append标签内容，图片是不会生效的，必须在插入标签后，再对src属性进行赋值，这样才会生效。

必须加上：

               $('#'+image).attr('src',data.documentPath);