我有一个像下面的
HTML代码
<tbody>
<tr id="info">
<td class="name">Joe</td>
<td class="surname">White</td>
<td class="age">25</td>
</tr>
</tbody>
并且有一个像这样的jQuery代码：
$("tr#info").click(function() { // function_tr
$(this).css("background-color","yellow");
});
$("tr#info td").click(function() { // function_td
$(this).css("font-weight","bold");
});
当我点击td时,function_td工作正常,但function_tr也可以.
如何防止function_tr？
解决方法
你需要使用
event.stopPropagation()
$("tr#info td").click(function(e){ //function_td
$(this).css("font-weight","bold");
e.stopPropagation();
});
