Изменение вкладок с помощью jQuery

Question

Я пытаюсь изменить цвет фона td на клике. Это то, что я в настоящее время для JavaScript:

$(document).ready(function() { 
$('#leftHoldNav table td').click(function(){ 
    var $this = $(this); 
    $this.addClass('highlight'); 
    $this.parent().siblings('table').find('td').removeClass('highlight'); 
}); 
}); 

Это то, что я имею в HTML:

<div id="leftHoldNav"> 
    <center> 
    <table cellpadding="0" cellspacing="0"> 
    <tr> 
     <td onclick="loadPage('../about/info.php','#mainWrapLoad','../about/')" class="highlight">Info</td> 
     <td onclick="loadPage('../about/kcintl.php','#mainWrapLoad','../about/')" class="">KC Int'l</td> 
     <td onclick="loadPage('../about/board.php','#mainWrapLoad','../about/')" class="">Board</td> 
     <td onclick="loadPage('../about/dcon.php','#mainWrapLoad','../about/')" class="">D-Con</td> 
    </tr> 
    </table> 
    </center> 
    </div> 

Это не работает, кто-нибудь есть идея, почему?

Answer 1

http://jsbin.com/inogov/1/edit

вам не нужно, чтобы вернуться к parent, остаться на siblings.

$this.siblings('td').removeClass('highlight'); 

Там вы идете:

$('#leftHoldNav table td').click(function(){ 
    var $this = $(this); 
    $this.addClass('highlight').siblings('td').removeClass('highlight'); 
});