क्या एक div को सामने लाने के लिए jQuery में कोई तरीका है?

Question

अगर मैं निरपेक्ष तैनात divs का एक समूह था और वे ओवरलैप हो, मैं कैसे एक निश्चित div सामने आने के लिए मिल जाएगा? फिर से धन्यवाद दोस्तों!

Answer 1

यह एक सीएसएस चीज है, एक jQuery चीज नहीं है (हालांकि आप सीएसएस को संशोधित करने के लिए jQuery का उपयोग कर सकते हैं)।

$('element').css('z-index', 9999); // note: it appears 'zIndex' no longer works 

या, पूर्ण स्थिति शीर्ष के लिए कुछ लाना होगा:

$('element').css('position', 'absolute'); 

Answer 2

.css() का उपयोग करें और स्थिति विशेषता और जेड-इंडेक्स विशेषता लागू करें।

Answer 3

यह इस के लिए jQuery का उपयोग करने के overkill होगा। इसके बजाय सीएसएस 'z-index property का उपयोग करें:

<style type="text/css"> 
    #myElement { 
    z-index: 50000; 
    } 
</style> 

Answer 4

आप एक से अधिक तत्वों के साथ काम कर रहे हैं जब आप के माध्यम से लूप करने के लिए है और देखते हैं जो उच्चतम z- सूचकांक है, और वह + 1 के लिए शीर्ष निर्धारित करेंगे।

http://jsfiddle.net/forresto/Txh7R/

var topZ = 0; 
$('.class-to-check').each(function(){ 
    var thisZ = parseInt($(this).css('zIndex'), 10); 
    if (thisZ > topZ){ 
    topZ = thisZ; 
    } 
}); 
$('.clicked-element').css('zIndex', topZ+1); 

---

एक गैर सीएसएस संस्करण (यदि परतों की कोई नहीं है z- सूचकांक निर्दिष्ट) आप भी बस फिर तत्व जोड़ सकते हैं के लिए:

$('.click-to-top').click(function(){ 
    $(this).parent().append(this); 
}); 

(मुझे नहीं पता कि यह सीएसएस z-index के मुकाबले धीमा है या नहीं।)

गैर-सीएसएस गैर-जेक्कर के लिए y, बस इसे फिर से संलग्न:

// var element = document...; 
element.parentNode.appendChild(element); 

Answer 5

jQuery के साथ (जैसे आप से पूछा):

$('#a-div').parent().append($('#a-div')); // Pop a div to the front 

अजीब कैसे हर कोई z- सूचकांक के साथ चला गया। प्राकृतिक स्टैकिंग ऑर्डर को ओवरराइड क्यों करें जब आप इसे डीओएम के भीतर सामने ले जा सकते हैं?