假定我有一个html table元素,与之对应的有一个flexigrid,同时该flexigird支持单选,禁用多选。现在要添加一个事件函数,使得当点击任一行的时候会被调用。
加入我的table元素的id是subUsers,现在定义事件函数,代码如下:
selectAccount : function () { //do something. alert('Hi :)'); },
现在将上面的函数注册到click事件中:
$("#subUsers tbody tr td").click(accounts.selectAccount);
这里采用了jquery查找元素的方法,我们知道flexigird其实包装了table,每个table里面有一个tbody,然后一次是tr和td,
这个思想是将accounts.selectAccount注册到tr的所有td上。
这样点击任何一个td都会触发selectAccount函数。
什么?不知道如何在事件函数中获得该行的第一列。jquery啊。
看例子代码:
selectAccount : function () { //do something. alert($(this).parent().children('td').eq(0).children('div').html()); },