如何在jQuery中的數(shù)據(jù)表中選擇一行

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

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計(jì)制作、成都做網(wǎng)站與策劃設(shè)計(jì),貢覺網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:貢覺等地區(qū)。貢覺做網(wǎng)站價(jià)格咨詢:18980820575

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

});

在創(chuàng)建完表格后，給對(duì)應(yīng)的元素綁定事件即可，詳細(xì)如何選中可以查看JqueryAPI中關(guān)于選擇器的部分

用jquery 得到選擇table 某一行的數(shù)據(jù)、?

table

trtd行1列1/tdtd行1列2/tdtd行1列3/td/tr

trtd行2列1/tdtd行2列2/tdtd行2列3/td/tr

/table

來個(gè)點(diǎn)擊的

$("table tr").click(function()

{

var $this = $(this);

//$this就是這個(gè)行，你點(diǎn)哪行，哪行就有反應(yīng)。

})

jquery獲取選中行的數(shù)據(jù)

在每個(gè)td標(biāo)簽內(nèi)部添加onclick，你不覺得麻煩，jquery開發(fā)者看到會(huì)被氣死的。

你可以這樣

var $table = $("#mytable");//

var $trs = $table.find("tr");

for(var i=0; i$trs.length; i++){

var $tr = $trs.eq(i);//循環(huán)獲取每一行

$tr.on("click", function(){//為每一行添加click事件

//這里就可以獲取行內(nèi)數(shù)據(jù)了

var $td = $tr.find("td");

$td.eq(0).text();//ctld

$td.eq(1).text();//llType

$td.eq(2).text();//fsMgr

...

});

}

用jquery怎么獲取表格中的一行內(nèi)容

一般都會(huì)在后臺(tái)獲得，比如這個(gè)表格的數(shù)據(jù)是用$list這個(gè)變量存儲(chǔ)的，$list中每個(gè)元素都有id date title file四個(gè)字段，checkbox的name是id，現(xiàn)在寫一個(gè)js方法用來將選中的復(fù)選框傳到后臺(tái)，需要使用一個(gè)按鈕觸發(fā)下面的方法

function fun(){

var arr = new Array();

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

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

});

//然后用任意方法將arr傳到后臺(tái)

}

在后臺(tái)根據(jù)傳回來的id在$list中獲得要你想要的數(shù)據(jù)。

上面是我覺得最簡(jiǎn)單的方法。

下面還有一個(gè)在頁面里獲得你要的數(shù)據(jù)的方法

將每一行數(shù)據(jù)都寫在同一個(gè)div里，根據(jù)復(fù)選框的標(biāo)示獲得對(duì)應(yīng)div內(nèi)的數(shù)據(jù)

div name=“id”數(shù)據(jù)， （最后一列）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