欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery動態(tài)給table添加、刪除行 改進(jìn)版

 更新時間:2011年01月19日 23:42:34   作者:  
最近需要使用JQuery動態(tài)操作table,自己整理了一下,可以添加新行,刪除選中的一行或多行,簡單代碼如下
復(fù)制代碼 代碼如下:

<html>
<head>
<title>
</title>
<script src="js/jquery-1.4.2_min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
var row_count = 0;
function addNew()
{
var table1 = $('#table1');
var firstTr = table1.find('tbody>tr:first');
var row = $("<tr></tr>");
var td = $("<td></td>");
td.append($("<input type='checkbox' name='count' value='New'><b>CheckBox"+row_count+"</b>")
);
row.append(td);
table1.append(row);
row_count++;
}
function del()
{
var checked = $("input[type='checkbox'][name='count']");
$(checked).each(function(){
if($(this).attr("checked")==true) //注意:此處判斷不能用$(this).attr("checked")==‘true'來判斷。
{
$(this).parent().parent().remove();
}
});
}
</script>
</head>
<body>
<input type="button" value="Add" onclick="addNew();">
<input type="button" value="Delete" onclick="del();">
<div id="rightcontent">
<table id="table1" cellspacing="3" cellpadding="3" border="1">
<tbody>
<tr>
<th>
Add new row,then test the delete function.
</th>
</tr>
</tbody>
</table>
</div>
</body>
</html>

相關(guān)文章

  • jQuery插件boxScroll實(shí)現(xiàn)圖片輪播特效

    jQuery插件boxScroll實(shí)現(xiàn)圖片輪播特效

    本文給大家分享的是使用jQuery插件Boxscroll來實(shí)現(xiàn)簡單的圖片輪播特效的代碼,非常簡單實(shí)用,有需要的小伙伴可以參考下。
    2015-07-07
  • jQuery結(jié)合CSS制作漂亮的select下拉菜單

    jQuery結(jié)合CSS制作漂亮的select下拉菜單

    對于我來說,標(biāo)準(zhǔn)的HTML元素(Select)已經(jīng)讓我感到討厭。它不能夠正常的在IE瀏覽器上顯示。還有一點(diǎn)就是他并不僅僅包含簡單的文本。本實(shí)例將完全摒棄select元素,通過JQuery和CSS來構(gòu)建DropDown元素。
    2015-05-05
  • jquery實(shí)現(xiàn)直播彈幕效果

    jquery實(shí)現(xiàn)直播彈幕效果

    這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)直播彈幕效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-11-11
  • jValidate 基于jQuery的表單驗(yàn)證插件

    jValidate 基于jQuery的表單驗(yàn)證插件

    網(wǎng)上基于jQuery的表單驗(yàn)證插件已有很多,但是這個輪子我還是繼續(xù)做一個,因?yàn)檫@個表單驗(yàn)證插件是從我以前的個人JS框架移值過來的(我已慢慢投入jQuery的懷抱),并且它的驗(yàn)證規(guī)則書寫方式也許會讓你眼前一亮。
    2009-12-12
  • jQuery DateTimePicker 日期和時間插件示例

    jQuery DateTimePicker 日期和時間插件示例

    jQuery UI很強(qiáng)大,其中的日期選擇插件Datepicker是一個配置靈活的插件,這篇文章主要介紹了jQuery DateTimePicker 日期和時間插件示例,有興趣的可以了解一下。
    2017-01-01
  • jtable列中自定義button示例代碼

    jtable列中自定義button示例代碼

    本文將為大家介紹下在jtable列中如何自定義button,下面有一個不錯的示例,感興趣的朋友可以參考下
    2013-11-11
  • 基于Jquery制作圖片文字排版預(yù)覽效果附源碼下載

    基于Jquery制作圖片文字排版預(yù)覽效果附源碼下載

    通過jquery和css相結(jié)合的方式實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊圖片彈出畫廊切換特效,效果逼真,下面小編把源碼分享給大家供大家參考
    2015-11-11
  • jQuery插件實(shí)現(xiàn)大圖全屏圖片相冊

    jQuery插件實(shí)現(xiàn)大圖全屏圖片相冊

    這篇文章主要介紹了jQuery插件實(shí)現(xiàn)大圖全屏圖片相冊的方法和示例,基于jQuery插件jQuery.album.js來實(shí)現(xiàn)的,效果非常不錯,這里推薦給大家,希望大家能夠喜歡。
    2015-03-03
  • jquery提示 "object expected"的解決方法

    jquery提示 "object expected"的解決方法

    在測試代碼的時候,提示object expected,下面的解決方法,可以參考下。
    2009-12-12
  • jQuery Selectors(選擇器)的使用(六、屬性篇)

    jQuery Selectors(選擇器)的使用(六、屬性篇)

    本系列文章主要講述jQuery框架的選擇器(Selectors)使用方法,我將以實(shí)例方式進(jìn)行講述,以簡單,全面為基礎(chǔ),不會涉及很深,我的學(xué)習(xí)方法:先入門,后進(jìn)階!
    2009-12-12

最新評論