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