jQuery: लेकिन सभी बच्चों के बारे में क्या?

Question

मुझे लगता है कि मुझे अपने कुछ jQuery कार्यों में बहुत से .children() का उपयोग करना है।

यहाँ मेरी HTML है:

$('.goal-small-container').hover(function() { 
    $(this).children('.goal-content').children('.goal-row').children('.goal-actions').css({visibility: "visible"}); 
}, function() { 
    $(this).children('.goal-content').children('.goal-row').children('.goal-actions').css({visibility: "hidden"}); 
}); 

वहाँ एक बेहतर तरीका है: यहाँ

<div class="goal-small-container"> 
    <div class="goal-content"> 
    <div class="goal-row"> 
     <span class="goal-actions"> 

और मेरे jQuery है? बच्चों के लिए मुझे बताओ।

Answer 1

.find('.goal-content .goal-row .goal-action').whatever() 

या अधिक बस:

.find('.goal-action').whatever() 

Answer 2

क्या आपने .find() के बारे में सुना है?

$('.goal-small-container').hover(function() { 
    $(this).find('.goal-actions').css({visibility: "visible"}); 
}, function() { 
    $(this).find('.goal-actions').css({visibility: "hidden"}); 
}); 

Answer 3

$(this).children('.goal-content').children('.goal-row').children('.goal-actions').css({visibility: "visible"}); 

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

$(this).find('> .goal-content > .goal-row > .goal-actions').css({visibility: "visible"}); 

वास्तव में एक ही अर्थ है। यदि उस पर संदिग्ध होने का कोई मौका नहीं है, हालांकि, (.goal-actions केवल मार्कअप की उस संरचना में दिखाई देगा) तो आप केवल find('.goal-actions') का उपयोग कर सकते हैं।

Answer 4

आप क्यों नहीं बस .show का उपयोग नहीं करते() और .hide() दूसरे <div> पर? और, शुरुआत में उन्हें छुपा या कुछ प्रदर्शित करना है।

Answer 5

तुम बस का उपयोग कर सकते हैं:

$('.goal-small-container').hover(function() { 
    $(this).find('goal-actions').show(); 
}, function() { 
    $(this).find('goal-actions').hide(); 
});