更改表格中图像的大小

Question

我使用js动态创建表格并将图像附加到每个单元格。 我想调整我的图像使用Jquery，但由于某种原因调整大小不起作用。

我的方法是

function table(){ 
    var rows = 8; 
    var cols = 8; 
    var table = document.getElementById("table"); 
    for(var r = 0; r < rows; r++) 
    { 
     var tr = $('<tr></tr>'); 
     for (var c = 0; c < cols; c++) 
    $('<td></td>').appendTo(tr) 
    .append($('<img/>'). 
    attr({src: './img.png'}), 
    height(50), 
    width(50)); 
    tr.appendTo(table); 
    } 

谁知道我做错了吗？

此外，我也尝试调整我的td，但我无法弄清楚如何调整它的大小。有什么建议么？

感谢

Answer 1

您可以在此使用css() jquery的功能设置：

function table(){ 
    var rows = 8; 
    var cols = 8; 
    var table = document.getElementById("table"); 
    for(var r = 0; r < rows; r++) 
    { 
     var tr = $('<tr></tr>'); 
     for (var c = 0; c < cols; c++) 
      $('<td></td>').appendTo(tr) 
       .append($('<img/>') 
       .attr('src','./img.png') 
       .css({'height':'50px','width':'50px'})); 
     tr.appendTo(table); 

    } 
}