बच्चे divs से पैरेंट div की अनुक्रमणिका प्राप्त करें

Question

मेरे पास कुछ divs हैं और उनके अंदर मैंने divs nested है। मैं अपने बच्चे के divs में मौजूद मूल div की अनुक्रमणिका प्राप्त करने में सक्षम होना चाहता हूं। Ie: अगर मैंने "पोस्ट 5" पर क्लिक किया है तो मुझे इंडेक्स 1 मिलेगा या अगर मैंने "पोस्ट 4" पर क्लिक किया है तो उसे अभी भी इंडेक्स 1 मिलेगा।

एचटीएमएल:

<div class="more-content"> 
    <div class="post">post 1</div> 
    <div class="post">post 2</div> 
    <div class="post">post 3</div> 
</div> 
<div class="more-content"> 
    <div class="post">post 4</div> 
    <div class="post">post 5</div> 
    <div class="post">post 6</div> 
</div> 
<div class="more-content"> 
    <div class="post">post 7</div> 
    <div class="post">post 8</div> 
    <div class="post">post 9</div> 
</div> 

Jquery:

$(".post").click(function() { 
    alert($(".post").parent.index(this)); 
}); 

Answer 1

निम्नलिखित काम करना चाहिए:

$(".post").click(function() { 
    var index = $(this).parent().index(".more-content"); 
    alert(index); 
}); 

डेमो:http://jsfiddle.net/NDySY/