2012-09-13 38 views
5

पर केवल एक अभिभावक को कैसे बदला जाए, जब मैं <p> टैग्स पर होवर करता हूं तो मैं केवल एक ही माता-पिता को बदलना चाहता हूं। कोड है:jquery होवर

$('.hover').each(function() { 
    $(this).parent().hover(function() { 
      $('p').parent(this).css('font-size','30px'); 
     }, function() { 
      $('p').parent(this).css('font-size','10px'); 
    }); 
}); 

और HTML है:

<ul> 
     <li>1 <p class='hover'>xxxx</p></li> 
     <li>2 <p class='hover'>yyyy</p></li> 
    </ul> 

जब मैं "xxxx" पर होवर करें, मैं चाहता हूँ "1" और बदलने के लिए "xxxx" लेकिन "2" और "yyyy" कुछ भी नहीं करें, और जब मैं "yyyy" पर होवर करता हूं, तो मुझे "2" और "yyyy" बदलना है, लेकिन "1" और "xxxx" कुछ भी नहीं करते हैं।

मैं jQuery पर नया हूं।

+0

मेरी मदद करने के लिए धन्यवाद, लेकिन यह वास्तव में मैं नहीं चाहता हूं। मैंने फिर से कोड किया और इसे फिर से पोस्ट किया। [लिंक] (http://stackoverflow.com/questions/12418179/jquery-how-to-change-only-one-parent-closeset-a-tag-on-hover) बहुत धन्यवाद – ChooChu

+0

अगली बार, उपयोग करें अपने प्रश्न के नीचे "संपादन" बटन। यह आपको अपने प्रश्न को संशोधित करने की अनुमति देता है। आपको प्रत्येक संपादन के लिए एक नया प्रश्न बनाने की ज़रूरत नहीं है। अभी हमारे पास कई कानूनी उत्तरों के साथ एक खुला प्रश्न है जो किसी भी प्रश्न के साथ यहां समाप्त होने पर बहुत निराशाजनक है। –

उत्तर

0

आप

$('p').closest('li').css('font-size','30px'); 
6
$('p.hover').parent().hover(function() { 
    $(this).children('p').css('font-size','30px'); 
}, function() { 
    $(this).children('p').css('font-size','10px'); 
}); 

इस्तेमाल कर सकते हैं होवर जोड़ने के लिए एक प्रत्येक पाश उपयोग करने के लिए आपके पास नहीं है। यदि आपके पास एकाधिक तत्व चुने गए हैं, तो यह सभी तत्वों पर ईवेंट लागू करेगा।

ऐसा करने के बाद, मैंने आपके कोड को थोड़ा अनुकूलित किया।

मैंने पैराग्राफ के माता-पिता पर होवर जोड़ा है, जैसा आपने किया था। घटना के कॉलबैक में $(this) का उपयोग करके मैं वास्तव में आच्छादित तत्व का चयन कर सकता हूं और उस तत्व पर शैलियों को लागू कर सकता हूं।

क्योंकि मैं अनुच्छेद पर फ़ॉन्ट आकार लागू करना चाहता हूं, मैं पहले वांछित बच्चे का चयन करता हूं।


संक्षेप ऊपर:

  • पैराग्राफ तत्वों ($('p.hover'))
  • यह माता पिता है जाओ, li तत्व (.parent())
  • मंडराना घटना लागू खोजें (.hover())

एक बार होवर ईवेंट कहलाता है:

  • वर्तमान तत्व ($(this))
  • जाओ भीतरी पैराग्राफ का पता लगाएं (.children('p'))
  • शैलियों
  • अपने मामले में <p> की
0

जनक <li> है लागू करें। आपको चाहिए:

$('.hover').parent().parent().hover(
    function() { 
     $(this).css('font-size','30px'); 
    }, function() { 
     $(this).css('font-size','10px'); 
    }); 
संबंधित मुद्दे