Question

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。应该怎么写

Answer 1

$("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");

Answer 2

$("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查找。

Answer 3

jQuery("table tr").click(function (){
alert(jQuery(this).attr("id"));
});