如何找出哪個錶行被使用jQuery點擊？

Question

我使用「活」的功能上做錶行一些上點擊的東西，即

$("tr").live('click',function() { 
     alert('Some table row is clicked'); 
}); 

我想找出被點擊哪一行，並使用if-else，給基於這樣一些自定義的警報。誰能告訴我該怎麼做？

非常感謝。

編輯1：

有沒有通過可以參考我在函數內部的點擊行的元素的方法嗎？

Answer 1

$("tr").live('click', function() { 
    if (this.id == "foo") { 
     alert('the tr with the foo id was clicked'); 
    } 
});​ 

如果你想檢查哪些行號，使用index：

$("tr").live('click', function() { 
    if $(this).index() === 2) { 
    alert('The third row was clicked'); // Yes the third as it's zero base index 
    } 
});​ 

Live demo

---

更新：

$("tr").live('click', function() { 
    // "this" is the clicked <tr> element 
    // $(this).find('td span') is the spans inside a td inside the clicked <tr> 
} 

Answer 2

您可以使用this訪問點擊元素。

offtopic：$ .live從1.7開始被棄用，您應該使用$ .on。有關更多信息，請參閱here。

Answer 3

演示：http://jsfiddle.net/zJUuX/

HTML：

<table> 
    <tr><td>hey</td></tr> 
    <tr><td>hi</td></tr> 
</table> 

的Jquery：

$("table tr").click(function(){ 
    messages($(this).index()); 
}); 

    function messages(index) { 
     switch(index){ 
      case 0: 
       alert("you clicked 1st row"); 
       break; 
      case 1: 
       alert("you clicked 2nd row"); 
       break; 
      default: 
       break; 
     } 
     $("table tr").eq(index).css("background","#ff0"); 
     $("table tr").eq(index).find("a"); //will find all the nested anchor tags. 
    } 

你去那裏學習，現在我必須接受我的虛擬點：d。玩的開心。

Answer 4

//Even row 
$("tr:even").click(function() { 
    alert('Even'); 
}); 

//Odd row 
$("tr:odd").click(function() { 
    alert('Odd'); 
});​ 

Answer 5

上gdoron的回答改善jQuery的生活（）已過時，嘗試delegate或on：

$("#mytable").delegate("tr", "click", function(e) { 
    if (this == "foo") { 
    .... 
    } 
}); 

Answer 6

首先你不應該使用.live（）曾經:)

why you shouldn't use .live()

你可以用.delegate（）
E xample

$(document).delegate("tr", "click", function(e) { 
// write your code here 
}); 

Answer 7

讓我建議一個簡單的方法。假設這是你的表：

<table> 
<tr id = '1' class="tr">...</tr> 
<tr id = '2' class="tr">...</tr> 
<tr id = '3' class="tr">...</tr> 
</table> 

將此放在您的jQuery代碼：

$(function(){ 

$('.tr').click(function(){ 
var row_no = $(this).attr('id'); 
alert('Row number '+row_no+' was clicked'); 
}); 

}); 

希望這有助於你。