获取当前节点位于父节点的位置

最新推荐文章于 2021-12-12 17:58:55 发布

原创最新推荐文章于 2021-12-12 17:58:55 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #PHP

PHP 专栏收录该内容

0 篇文章

订阅专栏

本文介绍如何在HTML表格中获取用户点击事件触发的节点在父节点（table）中的位置。通过使用jQuery选择器，可以监听表格行(tr)的点击事件，并执行相应操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html格式如下

<foreach name="advItem" item="v">
<tr>
<td>{$v.id}</td>
<td><img src="{$v.image_url}" alt="" width="120" height="50" /></td>
<td>{$v.title}</td>
<td><div style="overflow:hidden;word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;display: block; width: 250px;">{$v.description}</div></td>
<td>{$v.sort}</td>
<td><div class="button-group">
<a class="button border-main" href="#add" onclick="mode()"><span class="icon-edit"></span> 修改</a>
<button class="button border-red" onclick="deleteItem({$v['id']},del_url,re_url)"><span class="icon-trash-o"></span> 删除</button>
</div></td>
</tr>
</foreach>

获取其中a点击事件的节点位于table中的位置

$("table tr").click(functrn(){

// alert($(this).index());
var index=$(this).index();
$('#title').val(rewriteArr[index-1]['title']);
$('#description').val(rewriteArr[index-1]['description']);
$('#sort').val(rewriteArr[index-1]['sort']);