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

相关推荐