使用jquery訪問td內的div

不知道爲什麼我覺得這很困難。下面是HTML代碼：使用jquery訪問td內的div

<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>。

UPDATE：

我開始工作：

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

但是，有沒有更好的辦法！

更新2：

而且，由於我使用多個div和錨標籤我不得不這樣做$（本）來指代被觸發當前錨標記。

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

    }); 


});

來源

2010-03-18 azamsharp

感謝分享我們所有人的最終解決方案： - ） – Raja

感謝您發佈解決方案 - 已經一個類似的問題，所以這幫助我解決了我的問題:) – Jen

您可以使用此：

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

或：

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

來源

2010-03-18 19:52:04

只需使用

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

上面的代碼會顯示一個警告點擊，不會讓鏈接點擊默認功能的情況發生。

希望這會有所幫助。

來源

2010-03-18 19:50:55 Raja

廢料我原來的答案，如果您有多個DIV的消息....想你使用的ID爲鏈接和尼克Craver對如何找到附近的DIV答案股利

顯得既..

[原創答案]

由於您使用的ID對每個元素是非常直接在這裏訪問任何.. 是一些示例代碼..

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

來源

2010-03-18 19:51:38

只有當div有一個ID;） –

@尼克，啊......真的..誤以爲該類作爲ID .. –

糾正：'var $ div = $ （'.divSponsorMessage'）;' –

試試這個

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

來源

2010-03-18 19:51:58 mcgrailm

$('div.divSponsorMessage');

來源

2010-03-18 19:52:58 Gabe

使用jquery訪問td內的div

回答

相關問題