编辑
好的,没看到,您使用的是jQuery 网格插件。
所有列都有一个属性role="gridcell"
,因此您可以使用基于属性的选择器来选择所有单元格:
// untested
$('td[role*="gridcell"]').hover();
第一个答案
这个答案更像是对问题的普遍答案。
我假设你有一张这样的桌子:
<table>
<tr class="jqgrow">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
您可以通过以下方式获取有关悬停行中列的信息:
$('.jqgrow').mouseover(function(e) {
// get all child elements (td, th) in an array
var cols = $(this).children();
console.log('All cols: ' + cols);
// to retrieve a single column as a jQuery object use '.eq()' - it's like every array redo-indexed
console.log('HTML from col 2: ' + cols.eq(1).html());
});
这也适用于像这样的任何其他结构:
<div class="jqrow">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
如果您想悬停在每个子元素上,.jqrow
可以将其直接附加到子元素:
$('.jqgrow').children().mouseover(function(e) {
// gets the current 'column'
var $this = $(this);
});