शीर्षक टैग के साथ मुख्य डीवीवी के अंदर सभी नेस्टेड डीवी को कैसे दिखाया जाए?

Question

मेरे पास div है title="apple" और नेस्टेड divs बिना शीर्षक टैग वाले। जब मैं "apple" शीर्षक के साथ मुख्य div दिखाने के लिए कोड लिखता हूं तो शीर्षक केवल मुख्य div प्रदर्शित हो रहा है, नेस्टेड divs प्रदर्शित नहीं होते हैं। सभी बच्चे divs को कैसे प्रदर्शित करें भले ही उनके पास शीर्षक टैग न हो? नीचे दिया गया कोड यहां दिया गया है।

<div title="apple"> 
    <div>Hi..</div> 
</div> 

और jQuery

$('input#showapple').click(function(){ 
    $("div *[title='apple']").show(2000); 
}); 

$('input#hideapple').click(function(){ 
    $("div *[title='apple']").hide(2000); 
}); 

Answer 1

<div id="apple"> 

आप विशेषता ID शीर्षक का उपयोग कर, नहीं तत्वों का चयन करें।

Answer 2

प्रयास करें:

$('input#showapple').click(function(){ 
    $("div[title='apple'] > div").show(2000); 
}); 

आप शीर्षक सेब और यह के भीतर किसी भी बच्चे div के साथ सभी div का चयन करेंगे।

http://jsfiddle.net/rpZbL/

Answer 3

अपने चयनकर्ता बंद

$('input#showapple').click(function(){ 
    $("div[title=apple]").show(2000); 
}); 

भी एक छोटा सा, आप वास्तव में इस के लिए कक्षाओं का उपयोग करना चाहिए और नहीं शीर्षक हो रहा है।

Answer 4

आप उन्हें क्या कर सकते हैं दोनों एक का उपयोग कर में toggleप्लस आप input तर्क निर्दिष्ट करने की आवश्यकता नहीं है जब आईडी के आधार पर चयन करने के लिए, jQuery केवल आईडी पर सबसे पहले मिलने वाला तत्व वापस आ जाएगी (क्योंकि वहाँ केवल एक ही होना चाहिए):

$('#showapple, #hideapple').click(function(){ 
    $("div[title='apple'] > div").toggle(2000); 
});