更改表格中圖像的大小

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); 

    } 
}