jQuery cliquez sur la cellule de la table de l'événement

J'ai un code html comme ci-dessous

<tbody>
  <tr id="info">
    <td class="name">Joe</td>
    <td class="surname">White</td>
    <td class="age">25</td>
 </tr>
</tbody>

et il y a un jQuery code comme ceci:

$("tr#info").click(function() {        //function_tr
  $(this).css("background-color","yellow");
});

$("tr#info td").click(function() {     //function_td
  $(this).css("font-weight","bold");
});

Quand je clique sur le td, function_td fonctionne très bien mais function_tr fonctionne également.
Comment faire pour empêcher que function_tr?

OriginalL'auteur namco | 2011-06-09

  1. 12

    Vous devez utiliser de l'événement.stopPropagation() 

    $("tr#info td").click(function(e){     //function_td
  $(this).css("font-weight","bold");
  e.stopPropagation();
});

    OriginalL'auteur Benjamin

  2. 5
    $("tr#info td").click(function(e){     //function_td
  $(this).css("font-weight","bold");
  e.stopPropagation();
});

    http://api.jquery.com/event.stopPropagation/

    OriginalL'auteur Amjad Masad