结果:
HTML代码:
<div class="list">
<table width="200" border="1">
<thead>
<td>头1</td>
<td>头2</td>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</tbody>
</table>
</div>
双击获取第二行第一列的值1:<input type="text" id="textOne"/><br/>
双击获取第二行第二列的值2:<input type="text" id="textTwo"/>
jq代码:
定位到tr,然后绑定dbclick事件,
通过children()方法找到每个td的text(),
最后通过.val赋值给input。
<script>
$('.list table tbody tr').dblclick(function () {
// alert($(this).children().eq(0).text())
$('#textOne').val($(this).children().eq(0).text())
$('#textTwo').val($(this).children().eq(1).text())
})
</script>