如何在Javascript中添加水平線

我想在動態填充桌上添加水平分隔線。我該怎麼做呢？下面是一個片段。如何在Javascript中添加水平線

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

來源

2010-06-16 MrM

爲什麼這個標籤的C＃和Java？ – jjnguy 2010-06-16 13:47:05

@jjnguy - 對不起:) – MrM 2010-06-16 13:51:14

@user不用擔心，如果您使用正確的標籤，它對每個人都有幫助。我不確定你的問題是否有Java或C＃組件。 – jjnguy 2010-06-16 13:58:35

無論何時何地都可以預防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>");

來源

2010-06-16 13:50:07 jAndy

'$ tr.find（'。dataField3'）。append'就是我在找的東西。謝謝！ – MrM 2010-06-16 14:26:53

我會擺脫document.write。取而代之的是

<hr>

您使用

，把「css類」，使表有一個明顯的底部邊框（行會當然只是一樣寬表本身）。像

border-bottom: 1px solid black;

來源

2010-06-16 13:53:02 DrColossos

如何在Javascript中添加水平線

回答

相關問題