Question

我正在尝试在表格底部添加一些填充。该表是蓝色的。当我添加填充时，它会保留表格的颜色，而我希望它是白色的。

该表还不是任何div的一部分。如果我可以将表分配给div，我可以在div中添加一个新的白表，它可以作为填充。我怎样才能在jquery中将表分配给div？

编辑：

这是我使用的代码。无论显示器的屏幕尺寸如何，该表都是蓝色的，位于窗口的底部。
如果没有滚动条，则表格放置在离屏幕底部一定距离的位置。
如果有滚动条，则表格放在底部。为了解决这个问题，我需要在表格的底部添加填充。然而，填充也变成蓝色。

function setTable(){
    var _width = $('.table2').innerWidth();
    var _top = $(document).height();
    _top -= 150;


    $(":input").each(function (index){
        var _id = $(this).attr("id");
        var _trDisplayStyle = "";

        switch(_id){
        case "A":
        case "B":
        case "C":

        if($(this).parents("tr").attr("style")){
            _trDisplayStyle = $(this).parents("tr").css('display');
        }
        if(_trDisplayStyle !== "none"){
            $(this).parents("table").attr("bgcolor","blue");
            $(this).parents("table").attr("height","30px");
            $(this).parents("table").attr("width",_width);
            $(this).parents("table").css({top:_top,position:'absolute'});

            $(this).parents("table").css("padding-bottom","150px");

        }
        break;
    }

});

}

Answer 1

桌子保留了它的颜色（蓝色），因为填充物是在内部＆＃39;桌子。您可能希望了解有关CSS box model的更多信息，以便更好地理解。

您可以使用jQuery＆＃39; wrap功能

$("#myTable").wrap("<div></div>");

你的桌子：

<table id="myTable">
<tr>
<td></td>
</tr>
</table>

Fiddle

如何在jquery中为表分配div？

1 个答案: