鼠标点击table的tr一行,显示详细内容,第二次点击隐藏信息
tr绑定点击事件,获取当前tr的索引或者什么你事先放好的用于区分的关键字段,然后进行你要做的function
这是我以前写过的一个tr点击事件,点击行选中该行的checkbox,希望对你有帮助
$('#searchTable tbody').on('click', 'tr', function () { var checkbox=$(this).find("input[type=checkbox]"); checkbox.prop("checked", !checkbox.prop("checked")); });
可在tr中放置两个元素,分别为title和content,content默认隐藏,点击title后,content显示
同楼上,在tr中你想展示的内容的位置放置一个class为content的标签,里边装上你要展示的内容,样式由你自己设计这个没问题,js展示如下:
$('table').find('tbody').find('tr').on('click', function(e) { e.preventDefault(); if( $(this).find('.content').hasClass('show') ) { $(this).find('.content').removeClass('show').addClass('hide'); } else { $(this).find('.content').removeClass('hide').addClass('show'); } });
这个是点击整行的tr都可以触发事件。我一般都用class控制显示隐藏,或者判断content的display为none或block也可以。
tr绑定点击事件,获取当前tr的索引或者什么你事先放好的用于区分的关键字段,然后进行你要做的function
这是我以前写过的一个tr点击事件,点击行选中该行的checkbox,希望对你有帮助
可在tr中放置两个元素,分别为title和content,content默认隐藏,点击title后,content显示
同楼上,在tr中你想展示的内容的位置放置一个class为content的标签,里边装上你要展示的内容,样式由你自己设计这个没问题,js展示如下:
这个是点击整行的tr都可以触发事件。
我一般都用class控制显示隐藏,或者判断content的display为none或block也可以。