我需要使用 jquery 在 onclick 函数内的行中找到表头和第一个元素,
$(document).ready(function(){
$(".items").delegate("tr", "dblclick", function(data){
alert(data.target.innerHTML);
alert($(this).find('td:eq(0)').html());
});
});
下面的代码给了我选定行中的内部 html 和第一个元素。我需要获取与我单击的单元格相对应的表头。
我试过将下面的代码放在 dblclick 函数中,但我认为传递的索引是错误的,我怎样才能得到正确的索引?
var headerValue= $(this).closest("table").find('th').eq($(this).index());
alert(headerValue.text());
html表:
<table class="items">
<thead>
<tr>
<th id="sku-grid_c1">Name</th><th id="sku-grid_c2">Active</th><th id="sku-grid_c3">Date Created</th><th id="sku-grid_c4">Date Updated</th><th id="sku-grid_c5">Code</th><th id="sku-grid_c6">Price</th><th id="sku-grid_c7">Shipping</th><th id="sku-grid_c8">Max Qty</th><th class="button-column" id="sku-grid_c9"> </th></tr>
</thead>
<tbody>
<tr class="odd">
<td>fbdh</td><td>yes</td><td> </td><td> </td><td>t67r6r7t6t</td><td>23</td><td>12</td><td>12</td></tr>
<tr class="even">
<td>bfhewfbuh</td><td>yes</td><td> </td><td> </td><td>678ty78tg</td><td>56</td><td>7</td><td>6</td></tr>
<tr class="odd">
<td>cdbj</td><td>no</td><td> </td><td> </td><td> hudhqu</td><td>12</td><td>12</td><td>1</td></tr>
<tr class="even">
<td>guyguyf</td><td>yes</td><td> </td><td> </td><td>678gy8t</td><td>56</td><td>56</td><td>6</td></tr>
</tbody>
</table>