1

我编写了一个脚本，可以动态地为表添加行（有数据）。这对我来说很好。有时我遇到没有数据的行但我仍然想插入一个空白行。目前空白行的宽度和高度与有数据的行的宽度和高度不同。

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

我想我必须在 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>

这也行不通。

4

2 回答 2

0

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

    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-28T13:49:16.800 回答
0

不确定为什么要添加空白行（您可以使用填充来达到相同的效果吗？）。但有时，对于某些浏览器，您需要为空元素添加一个空格以使其接受宽度和高度声明。

<td>&nbsp;</td>
于 2013-07-28T13:50:00.163 回答