2011-05-27 10 views
18

बस एक त्वरित उदाहरण:।

<p> 
    <span class="example"></span> 
    <input type="text" name="e_name" id="e_id /> 
</p> 
<script type="text/javascript"> 
    $('input').click(function(){ 
     $(this).parent().children('span').text('Suprise!'); 
    } 
</script> 

मैं बजाय क्या उपयोग कर सकते हैं माता-पिता() बच्चों()?

मुझे लगता है कि यह कोड का एक छोटा सा सुरुचिपूर्ण टुकड़ा है। कोई फ़ंक्शन i.e: $ (यह) .fun ('span') है। टेक्स्ट ('बस बेहतर'); ?? वापस नीचे

$(this).prev('span').text('Surprise!'); 
+0

एक बहुत ही पठनीय प्रश्न बनाने के लिए धन्यवाद इसलिए मुझे 3 अलग-अलग उत्तरों पर क्लिक करने की आवश्यकता नहीं थी, यह जानने के लिए कि अंदर क्या था। – Jason

उत्तर

44
$(this).siblings('span').text('Suprise!'); 
+0

बिल्कुल सही;) बहुत बहुत धन्यवाद! –

+1

मुझे निश्चित रूप से '.siblings' पसंद है, उस समारोह के बारे में भी सोचा नहीं था, महान जवाब। –

+2

'$ (यह)। बाइबिलिंग() 'खुद को अनदेखा कर देगा, इसलिए यदि आप अपने आप को बच्चों को लक्षित करना चाहते हैं, तो' माता-पिता()। बच्चे() 'अभी भी साफ है। – WaldenW

0

इस कोशिश इसे मैन्युअल रूप से नहीं कर रहा है)।

7

$(this).siblings('span').text('Surprise!');

डोम ऊपर से गुजरने के बिना बराबर होगा और उसके बाद (मेरा मतलब है, यह अभी भी यह होता है, लेकिन कम से कम आप कर रहे हैं:

4

थोड़ा और अधिक सुरुचिपूर्ण है .prev()

$(this).prev('span').text('Surprise!'); 

आप इसके बारे में यहाँ और अधिक पढ़ सकते हैं: Prev

संपादित करें: मार्कअप पीछे की ओर पढ़ा है, पिछला बेहतर है, अगले नहीं।

1
$("span.example",$(this).parent()).text('Suprise!'); 
संबंधित मुद्दे