jQueryのリンクホバー上の次のTDにクラスを追加するには？

Question

は、私はこのような6つのTDSあります

<td><a href="#">link</a></td> 
<td>Some text here</td> 

<td><a href="#">link</a></td> 
<td>Some other text here</td> 

<td><a href="#">link</a></td> 
<td>Some other other text here</td> 

を私は次のTDへのリンク上にカーソルを移動した後、addClassしたいと思います。例えば。私は2番目のTDからのリンク上にカーソルを移動した場合、次のTDは、インスタンスのクラスを持つことになります。このようなアクティブ

<td><a href="#">link</a></td> 
<td>Some text here</td> 

<td><a href="#">link</a></td> <!-- hoovering over this link --> 
<td class="active">Some other text here</td> <!-- and this td will have class active--> 

<td><a href="#">link</a></td> 
<td>Some other other text here</td> 

これをどのように行うには？

Answer 1

$('a').hover(function(){ 
    $(this).parent().next().addClass('someclass'); 
}, function(){ 
    $(this).parent().next().removeClass('someclass'); 
}); 

Answer 2

jQuery(function($){ 
    $("a").hover(function(){ 
     $(this).parent().next("td").addClass("active"); 
    }); 
}); 

ここでこれはホバーにクラスを追加するだけでなく、あなたが、リンクの外に置くと、それを削除しますだけでなく、fiddle

Answer 3

です。また、ページに他のタグがある場合にも機能します。 tdの中だけでなく

$(document).ready(function() { 
    $("td > a").hover(function() { 
     $(this).parent().next("td").toggleClass("active"); 
    }); 
});