使用jquery访问td内的div

Question

不知道为什么我觉得这么难.这是html代码:

<tr>
    <td>FirstName 9</td>
    <td>LastName 9</td>
    <td><a href="#" id="linkSponsorMessage">View</a></td>
    <td>
        <div class="divSponsorMessage" style="display:none">
            Greetings FirstName 9, LastName 9!
        </div>        
    </td>
</tr>

我需要<div>使用JQuery 访问何时单击锚链接.

更新:

我上班了:

$("#linkSponsorMessage").parent("td").next("td").children("div")

但有更好的方法!

更新2:

此外,由于我使用多个DIVS和锚标签,我不得不做$(this)来引用当前触发的锚标签.

$(document).ready(function() 
{
    $("a").mouseover(function()     
    {
        var divs = $(this).closest("tr").find("div").fadeIn("slow"); 

    });

    $("a").mouseout(function()     
    {
        var divs = $(this).closest("tr").find("div").fadeOut("slow"); 

    });


});

Answer 1

你可以用这个:

$("#linkSponsorMessage").closest("tr").find("div")

要么:

$("#linkSponsorMessage").closest("tr").find(".divSponsorMessage")