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>

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

更新：

我开始工作了：

$("#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")

Answer 2

只需使用

$("a").click(function(){alert("clicked");return false;};)

上面的代码会显示点击的警告，并且不允许链接点击的默认功能发生。

希望这有帮助。

Answer 3

如果你有多条div消息，

废弃我的原始答案....认为你使用了链接和div的id

看看Nick Craver关于如何通过接近来找到div的答案。

[原始回答]

由于您为每个元素使用ID，因此访问任何内容都非常简单。这是一些示例代码..

$('#linkSpnsoMessage').click( function(){
   var $div = $('.divSponsorMessage');
    //$div variable now holds the jquery version of the div..
} );

Answer 4

试试这个

 $(td a).click(function(){
  alert('hello');
   return false;
 });

Answer 5

$('div.divSponsorMessage');

使用jquery访问td内的div

5 个答案: