我正在使用jQuery数据表生成html表。我设置了一个回调来为链接创建一个额外的列(编辑,删除等)。使用jquery最接近选择第一个值
我设置了绑定功能来检测点击,这是工作。
我遇到的问题是点击时选择最靠近的行的第一列的文本/值。
下面是与该类绑定并检测到单击的片段。
$(".drop").bind('click', function(e)
{
var val = $(e.target).closest('td:first').text();
alert(val);
});
HTML表身又一代
<tbody>
<tr class="odd">
<td>[email protected]</td>
<td>[email protected]</td>
<td>1000</td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="even">
<td>[email protected]</td>
<td></td>
<td></td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="odd">
<td></td>
<td>[email protected]</td>
<td>17340</td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="even">
<td>[email protected]</td>
<td></td>
<td></td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="odd">
<td></td>
<td>[email protected]</td>
<td>10000201142345292781</td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="even">
<td>[email protected]</td>
<td></td>
<td></td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="odd">
<td>[email protected]</td>
<td></td>
<td></td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="even">
<td>[email protected]</td>
<td>[email protected]</td>
<td>100000723143211905</td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="odd">
<td>[email protected]</td>
<td></td>
<td></td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="even">
<td></td>
<td>[email protected]</td>
<td>8197906212343</td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
</tbody>
你能还包括从你的HTML为例行表? – 2011-03-05 00:07:43
点击的元素是什么? – 2011-03-05 00:09:35
增加了表...对不起 – Peter 2011-03-05 00:13:21