jquery - 如何在 jQuery 中将Class添加到链接悬停时的下一个td？

Question

我有 6 个这样的 td:

<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 的链接上后添加Class。例如。如果我将鼠标悬停在第二个 td 的链接上，下一个 td 将具有一个类，例如 active 像这样

<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');
});