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

我做了一个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。应该怎么写

第1个回答  推荐于2016-09-28
$("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");

本回答被提问者采纳
第2个回答  2013-09-04
$("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查找。

第3个回答  2013-09-04
jQuery("table tr").click(function (){
alert(jQuery(this).attr("id"));
});
相似回答