उसी कक्षा के साथ अगला तत्व प्राप्त करें

Question

मैं कुछ कक्षा के साथ एक तत्व के लिए एक क्लिक घटना का उपयोग करता हूं। क्लिक इवेंट फ़ंक्शन के अंदर मुझे उसी कक्षा के साथ पृष्ठ पर अगला तत्व प्राप्त करने की आवश्यकता है। मैंने कोशिश की:

$('.class').click(function() { 
    var $next = $(this).next('.class') 
}); 

और:

$('.class').click(function() { 
    var $next = $(this).parent().parent().parent().next('.class') 
}); 

.class किसी तालिका में टीडी के अंदर एक div है, तो इस कारण तीन बार माता-पिता()।

<table cellspacing="0" cellpadding="0" border="0" class="black8"> 
<tr class="trow1 drop trow1_over" 
    rel="0,1"> 
    <td> 
      <div class="drop rootFolder" 
       rel="0,1"></div> 
    </td> 
    <td width="100%" 
     class="folderListOnclick"> 

      <span>.. (koreňový adresár)</span> 
    </td> 
    <td> 
    </td> 
    <td> 
    </td> 
</tr><tr class="trow1"> 
    <td> 
     <div class="drag drop ordinaryFolder" 
      rel="1,1" 
      style="width: 40px;"> 

     </div> 
    </td> 
    <td width="100%" 
     class="folderListOnclick" 
     rel="1"> 
      <span>aaa</span> 
    </td> 
    <td> 
     <div class="button_mini folderEditOnclick" 
      rel="1"> 
        <span></span> 

     </div> 
    </td> 
    <td> 
     <div class="button_mini folderDeleteOnclick" 
      rel="1"> 
        <span><span> 
     </div> 
    </td> 
</tr><tr class="trow1"> 
    <td> 

     <div class="drag drop ordinaryFolder" 
      rel="19,1" 
      style="width: 50px;"> 
     </div> 
    </td> 
    <td width="100%" 
     class="folderListOnclick" 
     rel="19"> 
      <span>subaaa</span> 
    </td> 
    <td> 
     <div class="button_mini folderEditOnclick" 
      rel="19"> 

        <span></span> 
     </div> 
    </td> 
    <td> 
     <div class="button_mini folderDeleteOnclick" 
      rel="19"> 
        <span><span> 
     </div> 
    </td> 
</tr> 
</table> 

Answer 1

आप कोशिश कर सकते हैं:

$(".drag").click(function() { 
    var draggables = $(this).parents("table").find(".drag"); 
    var $next = draggables.filter(":gt(" + draggables.index(this) + ")").first(); 
}); 

Answer 2

कैसे इस बारे में:

मेरे एचटीएमएल (.class .drag है) कुछ इस तरह है? हालांकि आपको एक-एक-एक त्रुटियों की जांच करनी चाहिए, क्योंकि मैंने इसका परीक्षण नहीं किया है।

$('.class').click(function() { 
    var index = $('.class').index($(this)); 
    var $next = $('.class').slice(index+1,index+2); 
    ... 
}); 

Answer 3

आप slice() के संयोजन का उपयोग कर सकते हैं और each():

var elements = $('.class'); 

elements.each(function(index, element) { 
    $(this).click(function() { 
     var $next = elements.slice(index+1, index+2); 
    }); 
}); 

DEMO

वैकल्पिक रूप से (हालांकि शायद कम कुशल) आम पूर्वज के लिए एक संदर्भ हो और slice() उपयोग करने के लिए किया जाएगा और index():

$('.class').click(function() { 
    var elements = $(this).closest('table').find('.class'); 
    var index = elements.index(this); 
    $next = elements.slice(index + 1, index + 2); 
});