jQuery: माता-पिता के किसी विशेष बच्चे को कैसे प्राप्त करें?

एक सरलीकृत उदाहरण देने के लिए, मुझे पृष्ठ पर कई बार बार-बार दोहराया गया है (यह गतिशील रूप से जेनरेट किया गया है):jQuery: माता-पिता के किसी विशेष बच्चे को कैसे प्राप्त करें?

<div class="box"> 
    <div class="something1"></div> 
    <div class="something2"> 
     <a class="mylink">My link</a> 
    </div> 
</div>

क्लिक करने पर, मैं लिंक के माता-पिता के साथ प्राप्त कर सकता हूं:

$(".mylink").click(function() { 
    $(this).parents(".box").fadeOut("fast"); 
});

हालांकि ... मुझे उस विशेष अभिभावक के <div class="something1"> पर जाना होगा।

असल में, क्या कोई मुझे बता सकता है कि इसे उच्च स्तर के भाई को सीधे संदर्भित करने में सक्षम होने के बिना कैसे संदर्भित किया जाए? चलिए इसे बड़े भाई कहते हैं। बड़े भाई के वर्ग के नाम का सीधा संदर्भ पेज पर उस तत्व के हर उदाहरण को फीका कर देगा - जो वांछित प्रभाव नहीं है।

मैंने कोशिश की है:

parents(".box .something1") ... no luck. 
parents(".box > .something1") ... no luck. 
siblings() ... no luck.

कोई भी? धन्यवाद।

स्रोत

2010-03-08 Tom

अनुराग का जवाब सही-यह निश्चित रूप से मुझे रोकने और थिंक बनाया की तरह लग नहीं हो सकता है, लेकिन यह अपने कोड है कि आपके चयनकर्ता को विफल कर रही है में एक ज़बरदस्त टाइपो उनका कहना है। चयनकर्ता, jQuery में, '। माता-पिता() '* नहीं *'। माता-पिता() ' –

@ricebowl: गलत है। http://api.jquery.com/parents/ – SLaks

@ricebowl ... पैरेंट() मुझे div कुछ 2 देगा, इसलिए मुझे div बॉक्स में जाने के लिए माता-पिता() की आवश्यकता है। – Tom

120

कॉलिंग .parents(".box .something1") चयनकर्ता .box .something से मेल खाने वाले सभी मूल तत्वों को वापस कर देगा। दूसरे शब्दों में, यह उन माता-पिता तत्वों को वापस कर देगा जो .something1 हैं और .box के अंदर हैं।

आप निकटतम माता पिता के बच्चों को पाने के लिए, की जरूरत है इस तरह: चाचा को खोजने के लिए तो है कि माता-पिता तत्व पर .children कॉल

$(this).closest('.box').children('.something1')

इस कोड को कॉल .closest एक चयनकर्ता मिलान अंतरतम माता पिता पाने के लिए, आप देख रहे हैं

स्रोत

2010-03-08 02:27:24 SLaks

उत्कृष्ट धन्यवाद, वांछित के रूप में बिल्कुल काम करता है। – Tom

मुझे पता है कि यह थोड़ा पुराना है, लेकिन इस मामले में ** ** (** ** ** ** ** ** के बजाय ** माता-पिता() ** का उपयोग करना बेहतर नहीं है क्योंकि मुझे लगता है कि ** निकटतम() * के साथ और अधिक पेड़ ट्रैवर्सल है *? – acSlater

@acSlater: वह _needs_ पेड़ ट्रैवर्सल। 'पैरेंट()' गलत तत्व है। – SLaks

$(this).parent()

ट्री ट्रेवर्सल मज़ा

$(this).parent().siblings(".something1"); 

$(this).parent().prev(); // if you always want the parent's previous sibling 

$(this).parents(".box").children(".something1");

और भी बहुत कुछ तरीके है, तो आप इन docs लिए उपयोगी हो सकती।

स्रोत

2010-03-08 02:27:11 Anurag

धन्यवाद लेकिन माता-पिता की तलाश नहीं कर रहा था, बल्कि माता-पिता के एक और बच्चे (या वास्तव में दादा)। – Tom

हेहे ... यह वास्तव में एक पारिवारिक संबंध है। – Tom

यदि मैं आपकी समस्या को सही ढंग से समझता हूं, $(this).parents('.box').children('.something1') क्या आप यह देख रहे हैं?

स्रोत

2010-03-08 02:33:50

यह भी काम करता है। – Tom

आप कोष्टक के भीतर .children() साथ .each() और एक का भी उपयोग कर सकता है:

//Grab Each Instance of Box. 
$(".box").each(function(i){ 

    //For Each Instance, grab a child called .something1. Fade It Out. 
    $(this).children(".something1").fadeOut(); 
});

स्रोत

2013-03-25 22:10:10 Olly

इस वर्ग box के साथ पहली बार माता-पिता मिल जाएगा तो something मिलान regex के साथ पहले बच्चे वर्ग खोजने के लिए और आईडी मिलता है।

$(".mylink").closest(".box").find('[class*="something"]').first().attr("id")

स्रोत

2013-08-06 03:04:29 user2601995

jQuery: माता-पिता के किसी विशेष बच्चे को कैसे प्राप्त करें?

उत्तर

संबंधित मुद्दे