"यह" और "वह" तत्व

Question

के बीच तत्वों की संख्या गिनती है, मैं यह जानने की कोशिश कर रहा हूं कि डीओएम में एक क्लिक किए गए तत्व को "दूर" कैसे एक निश्चित अन्य तत्व के लिए है।

<li>item1</li> 
<li>item2</li> 
<li class="active">item3</li> 
<li>item4</li> 
<li>item5</li> 
<li>item6</li> 
<li>item7</li> 

तो जब कोई उपयोगकर्ता एक तत्व पर क्लिक करता है यह सक्रिय तत्व के लिए दूरी लौटना चाहिए: तो item1: return -2, item4: return 1, item6: return 3, और इतने पर।

Answer 1

मैं तुम्हें इसके index() विधि कर सकता है विश्वास करते हैं ...

कुछ इस तरह:

var value = $('li').index() - $('li.active').index(); 

Answer 2

ये रहा:

$(ul).delegate('li', 'click', function() { 
    var idx1 = $(this).index(), 
     idx2 = $(this).siblings().andSelf().filter('.active').index(); 

    var distance = idx1 - idx2; 

    // do stuff with distance 
}); 

लाइव डेमो:http://jsfiddle.net/aeEBP/