jQuery haga clic en el evento celda de la tabla

Question

que tienen un código HTML, como a continuación

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

y hay un código de jQuery como esto:

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

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

Cuando hago clic en el td, function_td funciona bien, pero function_tr también funciona.
Cómo prevenir function_tr?

Answer 1

Es necesario utilizar event.stopPropagation()

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

Answer 2

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

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