如何设置使用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'); 
    }); 
}); 

容易。