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

    }
}

更改表格中图像的大小

1 个答案: