jquery 選擇表格中的一行

$("#maintable td").click(function(){

成都創新互聯公司于2013年創立，先為東安等服務建站，東安等地企業，進行企業商務咨詢服務。為東安企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

var row = $(this).parent("tr").prevAll().length+1;

var colum = $(this).prevAll().length+1;

alert('選中的是第'+row+'行，第'+colum+'列。');

$(this).parent("tr").attr("style","background-color:#FF0000");

});

用jquery怎么獲取表格中的一行內容

一般都會在后臺獲得，比如這個表格的數據是用$list這個變量存儲的，$list中每個元素都有id date title file四個字段，checkbox的name是id，現在寫一個js方法用來將選中的復選框傳到后臺，需要使用一個按鈕觸發下面的方法

function fun(){

var arr = new Array();

$(":checked").each(function(){

arr[] = $(this).attr("name");

});

//然后用任意方法將arr傳到后臺

}

在后臺根據傳回來的id在$list中獲得要你想要的數據。

上面是我覺得最簡單的方法。

下面還有一個在頁面里獲得你要的數據的方法

將每一行數據都寫在同一個div里，根據復選框的標示獲得對應div內的數據

div name=“id”數據， （最后一列）input type="checkbox" name="id" //div

script

function fun(){

var arr = new Array();

var name = '';

$(":checked").each(function(){

name = $(this).attr("name");

arr[] = $("div[name=" + name + "]").html();

});

}

/script

如何通過jquery動態給表格添加一行？

比如設置table的id為tab

var trHTML = "trtd.../td/tr"

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

$("#tab tr:eq(2)").after(trHTML); // 在table的第3行后面添加一行這樣就可以進行動態的添加行了，至于你是通過什么事件來動態添加那就看你自己的意思了，通過button或者div之類的點擊事件添加，只要把上面的兩行代碼放進去就ok，注意，要把var trHTML那行代碼放進添加事件里面，不然不管點擊多少下，都只能添加一行

$(function() {

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

var tr = "trtdnew/td/tr";

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

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

});

});

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

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優秀的JavaScript代碼庫（ 或JavaScript框架）。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。

jQuery的模塊可以分為：入口模塊、底層支持模塊和功能模塊。其核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

JQUERY方法給TABLE動態增加行

1、首先輸入下方的代碼：

%@ page language="java" pageEncoding="UTF-8"%

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

html

head

title利用jquery給指定的table添加一行、刪除一行/title

meta http-equiv="pragma" content="no-cache"

meta http-equiv="cache-control" content="no-cache"

meta http-equiv="expires" content="0"

meta http-equiv="keywords" content="keyword1,keyword2,keyword3"

meta http-equiv="description" content="This is my page"

script type="text/javascript"

src="%=request.getContextPath()%/js/jquery-1.5.1.js"/script

script type="text/javascript"

2、然后在輸入下方的代碼：

////////添加一行、刪除一行封裝方法///////

/**

* 為table指定行添加一行

*

* tab 表id

* row 行數，如：0-第一行 1-第二行 -2-倒數第二行 -1-最后一行

* trHtml 添加行的html代碼

*

*/

function addTr(tab, row, trHtml){

//獲取table最后一行 $("#tab tr:last")

//獲取table第一行 $("#tab tr").eq(0)

//獲取table倒數第二行 $("#tab tr").eq(-2)

var $tr=$("#"+tab+" tr").eq(row);

if($tr.size()==0){

alert("指定的table id或行數不存在！");

return;

}

$tr.after(trHtml);

}

3、然后在輸入下方的代碼：

function delTr(ckb){

//獲取選中的復選框，然后循環遍歷刪除

var ckbs=$("input[name="+ckb+"]:checked");

if(ckbs.size()==0){

alert("要刪除指定行，需選中要刪除的行！");

return;

}

ckbs.each(function(){

$(this).parent().parent().remove();

});

}

/**

* 全選

*

* allCkb 全選復選框的id

* items 復選框的name

*/

function allCheck(allCkb, items){

$("#"+allCkb).click(function(){

$('[name='+items+']:checkbox').attr("checked", this.checked );

});

}

////////添加一行、刪除一行測試方法///////

$(function(){

//全選

allCheck("allCkb", "ckb");

});

function addTr2(tab, row){

var trHtml="tr align='center'td width='30%'input type='checkbox' name='ckb'/

/tdtd width='30%'地理/tdtd width='30%'60/td/tr";

addTr(tab, row, trHtml);

}

function delTr2(){

delTr('ckb');

}

4、然后輸入下方的代碼：

/script

/head

body

table border="1px #ooo" id="tab" cellpadding="0"

cellspacing="0" width="30%"

tr align="center"

td width="30%"input id="allCkb" type="checkbox"http://td

td width="30%"科目/td

td width="30%"成績/td

/tr

tr align="center"

td width="30%"/td

td width="30%"語文/td

td width="30%"80/td

/tr

/table

input type="button" onclick="addTr2('tab', -1)" value="添加"

input type="button" onclick="delTr2()" value="刪除"

/body

/html

5、然后這樣就完成了。

當前標題：jquery行一行,jquery增加一行
鏈接地址：http://vcdvsql.cn/article22/dsigccc.html

成都網站建設公司_創新互聯，為您提供網站維護、定制開發、品牌網站制作、關鍵詞優化、面包屑導航、云服務器

廣告

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