Comment définir un événement sur l'élément parent en utilisant jQuery

Question

Aidez-moi à comprendre comment définir un événement sur l'élément parent (<tr>) Je ne peux pas trouver l'erreur dans l'état

<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> 

Malheureusement, la mise en forme, je ne vois aucune étiquette plus spéciale

Answer 1

hé il vous manque la fermeture }); pour each déclaration. Voici la version correcte de votre code

$('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

EDIT: vous pouvez raccourcir le code ci-dessus très facilement comme l'attribution d'une classe à balise d'ancrage.

<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

Edit: Cela fonctionne:

$(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

Pas tout à fait sûr, mais je pense que lorsque vous appelez $ (ce) dans la seconde fonction pour cliquer la balise, $ (this) est la balise elle-même, et non pas le $ (this) qui est dans la fonction externe l'élément 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'); 
    }); 
}); 

facile.