将html添加到html中动态添加的表的行中

我已经编写了一个脚本，用于动态地为表添加行（具有数据）。这对我来说工作得很好。有些时候我遇到了没有数据的行，但我仍想插入一个空行。目前空白行的宽度和高度不是与相同。将html添加到html中动态添加的表的行中

虽然我可以通过固定行的宽度和高度来解决这个问题。我想这样做是因为我想要在其中有数据的行和空白行之间具有一致性。

我想我必须在jQuery中使用css属性来处理这些操作。

我想知道如何为动态添加的行添加css？

我写了jQuery中创建行并将其添加到表状态

<script> 
socket.on('stat', function (data) { 
     var row = $("<tr><td>"+data+"</td></tr>"); 
      $("#status").append(row);     
    }); 
    </script>

我们添加CSS我想是这样的一个脚本。我创建了一个名为newRow的类。

<style type ="text/css"> 

.newRow{ 

     width: 200px; 
     height: 200px; 
    } 
</style> 


<script> 
    socket.on('stat', function (data) { 
      var row = $("<tr><td>"+data+"</td></tr>"); 
       $("#status").append(row); 
        $("#"+row).addClass('newRow'); // Is this right way of adding a class 

     }); 

row.className = "newRow"; // Is this correct. 

</script>

这似乎不起作用。

我也试过这样做。

<script> 
socket.on('stat', function (data) { 
     var row = $("<tr><td>"+data+"</td></tr>"); 
      $("#status").append(row).css("width" : 200px; "height: :200px);     
    }); 
    </script>

这也行不通。

来源

2013-07-28 Vijayendra Grampurohit

没有得到您的答案？ –

@TimMac：我得到了我的答案。谢谢 –

你没有？您没有将以下答案标记为已接受.. –

不知道为什么你要添加一个空行（你可以使用填充达到相同的效果？）。但有时，对于某些浏览器，您需要为空元素添加一个空格以获取宽度和高度声明。

<td>&nbsp;</td>

来源

2013-07-28 13:50:00

你的CSS有错误的语法，你不应该创建一个与你的<tr><td>只有一个模板的jQuery对象。这应该工作：

var row = "<tr><td>"+data+"</td></tr>" 
    $("#status").append(row).css({width : '200px', height: '200px'}); //CSS need to be an object for multiple values. 

    //OR 

    var row = "<tr><td>"+data+"</td></tr>" 
    $('#status tr').removeClass('newRow'); 
    $("#status").append(row).addClass('newRow');

来源

2013-07-28 13:49:16 L105

将html添加到html中动态添加的表的行中

回答

相关问题