如何設置使用jQuery

Question

父元素的事件幫助我弄清楚如何父元素（<tr>） 我找不到錯誤在條件上設置事件

<script type="text/javascript"> 
$('table tbody tr').each(function(){ 
    $(this).find('a:first').click(function(){ 
     if($(this).parents().get(1).tagName == 'TR') { 
     $(this).parents().get(1).find('tr').css('background', 'red'); //What's wrong? 
     } 
}); 
</script> 

<table> 
    <tbody> 
     <tr> 
     <td><a href="#">text</a></td> 
     <td>text</td> 
     </tr> 
    </tbody> 
</table> 

不幸的是，格式化，我看不出有什麼更特殊的標記

Answer 1

嘿，你是失蹤關閉});爲each聲明。這裏是你的代碼

$('table tbody tr').each(function(){ 
    $(this).find('a:first').click(function(){ 

      if($(this).parents().get(1).tagName == 'TR') { 
       $($(this).parents().get(1)).css("background-color", 'red'); //What's wrong? 
      } 
     });  
}); 

Working Example

編輯的正確版本：可以縮短上面的代碼很容易像分配類的錨標記。

<a class="bindclick" href="#"></a> 

$(".bindclick").bind("click", function(){ 
    var parent = $(this).parents("tr").get(0); 
      OR 
    var parent = $(this).closest("tr"); // http://api.jquery.com/closest/ 
    $(parent).css("background-color","red"); 
}); 

Answer 2

編輯：這工作：

$(function() { 
    $('tr a:first').click(function() { 
    $(this).parents('tr:first').css({background:'red'}); 
    }); 
}); 

Answer 3

$('table tbody tr').each(function(){ 
    var $this = $(this); 
    $this.find('a:first').click(function(){ 
     $this.css('background', 'red'); 
    }); 
}); 

crazy demo

Answer 4

$("table tr a:first").click(function() { 
    $(this).closest("tr").css('background', 'red'); 
}); 

Answer 5

不能完全肯定這一點，但我認爲，當你第二個函數中調用$（本）爲點擊標籤，$（這）是一個標籤本身，而不是$ （這個）在外部函數中是tr元素。

Answer 6

$('table tbody tr').each(function(){ 
      var $this = $(this); 
      $this.find('a:first').click(function(){ 
      $this.css('background', 'red'); 
     }); 
}); 

Answer 7

$('table tbody tr').each(function(){ 
    $(this).find('a:first').click(function(){ 
     $(this).css('background', 'red'); 
    }); 
}); 

容易。