如何通過jquery動態(tài)給表格添加一行

比如設(shè)置table的id為tab

潼關(guān)網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)成立于2013年到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

var

trHTML

=

"trtd.../td/tr"

$("#tab").append(trHTML);//在table最后面添加一行

$("#tab

tr:eq(2)").after(trHTML);

//

在table的第3行后面添加一行

這樣就可以進行動態(tài)的添加行了，至于你是通過什么事件來動態(tài)添加那就看你自己的意思了，通過button或者div之類的點擊事件添加，只要把上面的兩行代碼放進去就ok，注意，要把var

trHTML那行代碼放進添加事件里面，不然不管點擊多少下，都只能添加一行

$(function()

{

$(":button").click(function()

{

var

tr

=

"trtdnew/td/tr";

//$("table").append(tr);

$("table

tr:eq(2)").after(tr);

});

});

這是我測試用的代碼，你可以運行看看

jquery動態(tài)添加表格

在jquery里可以直接用isNaN()，因為他是JavaScript的類庫。是由JavaScript語言寫的。

例如：

script type="text/javascript"

$(document).ready(function(){

alert(isNaN($('#id').val()));

});

/script可以直接使用

Jquery 動態(tài)制作表格

!DOCTYPE?HTML

html

head

meta?charset="utf-8"?/

title注冊頁面/title

script?type="text/javascript"?src="jquery-1.9.0.min.js"/script

script?type="text/javascript"

jQuery?(function?($)

{

$?("#an6").click?(

function?()

{

var?fx?=?$?("input[name='fx']:checked");

var?chText?=?""

fx.each?(function?(m)

{

chText?+=?$?(this).val?();

})

var?se?=?$?("#se").val?();

var?dx?=?$?("input[name='dx']:checked").val?();

var?wb?=?$?("#wb").val?();

$?("#ta").append?(

"tr"?+?"td"?+?se?+?"/td"?+?"td"?+?chText?+?"/td"?+?"td"?+?dx?+?"/td"?+?"td"

+?wb?+?"/td"?+?"td"

+?"input?name='delect'?value='delete'?type='button'?id='dele'?/"?+?"/td"

+?"/tr");

});

$?('body').delegate?('#dele',?'click',?function?()

{

$(this).closest('tr').remove();

});

});

/script

/head

body

table?width="200"?border="1"?id="ta"

tr

tdse/td

tdfx/td

tddx/td

tdwb/td

td/td

/tr

/table

input?style="display:?block;"?type="checkbox"?name="dx"?/

input?style="display:?none;"?type="text"?value="se"?id="se"?/

input?style="display:?none;"?type="text"?value="wb"?id="wb"?/

input?name=""?type="button"?id="an6"?value="add"?/

/body

/html

標題名稱：jquery動態(tài)給表格,jquery動態(tài)創(chuàng)建表格
分享地址：http://chinadenli.net/article5/dseecii.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、定制開發(fā)、商城網(wǎng)站、自適應(yīng)網(wǎng)站、營銷型網(wǎng)站建設(shè)、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)