怎么获取被点击按钮所在的当前行和类名
如何获取被点击按钮所在的当前行和类名
有时候当点击页面表格中的按钮时可能需要获取该按钮所在当前行的信息以及给按钮添加点击事件时可能需要获取该按钮的类名,下面就是获取的方法。
图片1
//给图片1的加减按钮添加点击事件 function addButtonEvent() { $("td button").click( function () { var ID = this.id; //获取被点击按钮的id var tr = $(this).parents('tr'); //获取被点击按钮所在的当前行 var val = this.className.match('buttonLess') ? -1 : 1; // this.className.match('buttonLess')为获取该按钮的类名并与这个'buttonLess'类名相匹配,若匹配成功值为-1,否则为1。 updataCount(ID, val, tr); //该函数更新页面的数量 updataLocalStory(tr); //该函数更新本地数据库中的信息 }) }
下面简单的介绍一下match()方法:
当字符串匹配到正则表达式(regular expression)时,match()
方法会提取匹配项。
语法: str.match(regexp); //regexp为一个正则表达式对象。如果传入一个非正则表达式对象,则会隐式地使用 new RegExp(obj) 将其转换为正则表达式对象。返回值为一个包含匹配结果的数组,如果没有匹配项,则返回 null。