大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
$("#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中关于选择器的部分
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就是这个行,你点哪行,哪行就有反应。
})
在每个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
...
});
}
一般都会在后台获得,比如这个表格的数据是用$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