jquery

2010-03-18 5 views
10

का उपयोग कर टीडी के अंदर div को एक्सेस करना सुनिश्चित नहीं है कि मुझे यह इतना मुश्किल क्यों लगता है।jquery

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

    }); 


}); 
+0

हम सभी के साथ अंतिम समाधान साझा करने के लिए धन्यवाद: -) – Raja

+0

समाधान पोस्ट करने के लिए धन्यवाद - था एक समान मुद्दा इसलिए इससे मेरी समस्या को हल करने में मदद मिली :) – Jen

उत्तर

10

आप इस का उपयोग कर सकते हैं:

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

या:

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

बस

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

ऊपर कोड का उपयोग दिखाना चाहते एक चेतावनी क्लिक किया और लिंक क्लिक, डिफ़ॉल्ट कार्यक्षमता होने की अनुमति नहीं होगी।

उम्मीद है कि इससे मदद मिलती है।

2

स्क्रैप मेरी मूल जवाब आप एक से अधिक div संदेश हैं या .... तुम दोनों लिंक और div कैसे निकटता से div लगता है पर निक Craver के जवाब में

देखने के लिए एक आईडी का इस्तेमाल किया सोचा ..

[मूल जवाब]

जब से तुम प्रत्येक तत्व के लिए आईडी का उपयोग यह बहुत यहाँ .. कुछ भी उपयोग करने के लिए सीधी-सपाट कुछ नमूना कोड है है ..

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

केवल अगर div के पास आईडी थी;) –

+0

@ निक, आह ... सच .. कक्षा को आईडी के रूप में गलत समझा .. –

+0

सुधार: 'var $ div = $ ('.divSponsorMessage'); ' –

1

कोशिश इस

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