html获取行数据,jquery获取当前行数据

【前言】

学生问题：jquery获取表格当前行数据失败。有的学生输出undefined，有的保存数据类型错误。这种问题，之前介绍过了。老生常谈，这里再强调总结下。

【主体】

(1)点击事件：可以在jquery里绑定，或者细节写到标签里。

(2)函数方法也可有多种写法，这里我列举两个

①由当前点击出发

$(document).ready(function(){

$('.showBtn').on('click',function(){

var title = $(this).parents('tr').children("td").get(1).innerHTML;

console.log(title)

})

})

②先遍历表格，点击相应按钮时出发

$(".myclass").each(function(){

$(".sub",this).click(function(){

alert($(this).parents("tr").html());

});

});

【总结】

jquery获取当前行数据，许多同学用的时候忘记jquery对象转化dom了，所以在这里卡带了。。。。。。。。。。。。。。。建议有时间好好研究研究js和jquey对象的转换

$(function() {

$(".myclass").each(function(){

var tmp=$(this).children().eq(3);

var btn=tmp.children();

btn.bind("click",function(){

var id=btn.parent().parent().children("td").get(0).innerHTML;

var name=btn.parent().parent().children("td").get(1).innerHTML;

var age=btn.parent().parent().children("td").get(2).innerHTML;

alert("id="+id+" name="+name+" age="+age);

});

});

});