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); }); }); });
相关推荐
yangkang 2020-11-09
lbyd0 2020-11-17
sushuanglei 2020-11-12
85477104 2020-11-17
KANSYOUKYOU 2020-11-16
wushengyong 2020-10-28
lizhengjava 2020-11-13
星月情缘 2020-11-13
huangxiaoyun00 2020-11-13
luyong0 2020-11-08
腾讯soso团队 2020-11-06
Apsaravod 2020-11-05
PeterChangyb 2020-11-05
gaobudong 2020-11-04
wwwjun 2020-11-02
gyunwh 2020-11-02
EchoYY 2020-10-31
dingyahui 2020-10-30