jquery获取table中点击位置所在行的id

Posted 2023-04-15

我做了一个table，里面每个td有id，tr也有id，我希望点击表中某处时获取所在tr的id
比如：
<table>
<tr id="1">
<td id="t1"></td>
<td id="t2"></td>
<td id="t3"></td>
</tr>
<tr id="2">
<td id="t4"></td>
<td id="t5"></td>
<td id="t6"></td>
</tr>
</table>

点击第一行里任何位置时都获取出1，第二行任何位置时获取2。应该怎么写

参考技术A $("td").click(function()
  //td的id 
  alert($(this).attr("id"));
  //tr的id  
  alert($(this).parent().attr("id"));
);

追问

如果是点击以后想让一个img的src等于一个值加id呢？
比如这样

追答

获取到了tr的id，那么就用attr()这个方法来设置src的值：
$("#img1").attr("src","www.a.com/"+$(this).parent().attr("id")+".xxx");

本回答被提问者采纳 参考技术B $("td").click(function()
  var trId = $(this).closest("tr").attr("id");
  $("得到你要操作的元素").attr("src",$("得到你要操作的元素").attr("src")+trId+".xxx");
);

追问

$("得到你要操作的元素").attr("src",$("得到你要操作的元素").attr("src")+trId+".xxx");
这句还是没太明白
像我这样是不是$("img1").attr("src",$("????").attr("src")+trId+".xxx");

追答

比如你要设置<img id="img1" />这个元素的src属性

$("td").click(function()
  var trId = $(this).closest("tr").attr("id");
  $("#img1").attr("src",$("#img1").attr("src")+trId+".xxx");
);

就可以了。这里难点在当你得到id以后，怎么找到你想操作的元素。我这是最简单的方法，根据id查找。

参考技术C jQuery("table tr").click(function ()
alert(jQuery(this).attr("id"));
);

el-table没有数据位置会变

参考技术A 建一个excel表格，名字为1的文输入内容的时候，发现这里可以引用其他表格的内容。那就打开需要引用数据的文档，名字为2的文打开2文档后，我们回到1文档中，在需要引用数据的位置输入=符然后用鼠标点击2号文档，点击相应的数据位置。点击后，按回车键，这时候就会自动返回1号文档，并且出现相应的数字。一次采用这种方法，将剩余的数据引用。