Question

我想在动态填充表上添加水平分隔线。我该怎么做呢？下面是一个片段。

    function addNewRow() {
    $('#displayTable tr:last').after('<tr><td style="font-size:smaller;" class="dataField1"></td><td style="font-size:smaller;" class="dataField2"></td><td style="font-size:smaller;" class="dataField3"></td></tr>');
    var $tr = $('#displayTable tr:last');
        $tr.find('.dataField1').text($('#txtName').val());
        $tr.find('.dataField2').text($('#txtAddress').val());
        $tr.find('.dataField3').text('document.write("<tr><td colspan=\"2\"><hr \/><\/td><\/tr>");
    }

Answer 1

我会摆脱document.write。而不是

<hr>

你正在使用，放一个“css类”，使表格有一个可见的底部边框（线条当然只有表格本身一样宽）。像

这样的东西

border-bottom: 1px solid black;

Answer 2

随时随地预防document.write，除非您确切知道自己在做什么。

邪恶的事情。试一试：

$('#displayTable tr:last').after('<tr><td style="font-size:smaller;" class="dataField1"></td><td style="font-size:smaller;" class="dataField2"></td><td style="font-size:smaller;" class="dataField3"></td></tr>');
var $tr = $('#displayTable tr:last');
    $tr.find('.dataField1').text($('#txtName').val());
    $tr.find('.dataField2').text($('#txtAddress').val());
    $tr.find('.dataField3').append("<tr><td colspan=\"2\"><hr/><\/td><\/tr>");

如何在Javascript中添加水平线

2 个答案: