新网创想网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

jquery行一行数据,jquery获取表格每一行的数据

如何在jQuery中的数据表中选择一行

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

创新互联是一家专注于网站设计制作、成都做网站与策划设计,贡觉网站建设哪家好?创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:贡觉等地区。贡觉做网站价格咨询: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");

});

在创建完表格后,给对应的元素绑定事件即可,详细如何选中可以查看JqueryAPI中关于选择器的部分

用jquery 得到选择table 某一行的数据、?

table

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

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

/table

来个点击的

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

{

var $this = $(this);

//$this就是这个行,你点哪行,哪行就有反应。

})

jquery获取选中行的数据

在每个td标签内部添加onclick,你不觉得麻烦,jquery开发者看到会被气死的。

你可以这样

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

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

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

var $tr = $trs.eq(i);//循环获取每一行

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

//这里就可以获取行内数据了

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

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

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

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

...

});

}

用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行一行数据,jquery获取表格每一行的数据
网站地址:http://wjwzjz.com/article/dsidgso.html
在线咨询
服务热线
服务热线:028-86922220
TOP