jQuery find next/prev Elemente einer bestimmten Klasse, aber nicht unbedingt Geschwister

Versuchen. Es wird markieren Sie das Element, erstellen Sie eine Reihe von Elementen gefunden, die Ihren Selektor und sammeln Sie alle Elemente aus der Menge nach Ihrem element.

$.fn.findNext = function ( selector ) {
    var set = $( [] ), found = false;
    $( this ).attr( "findNext" , "true" );
    $( selector ).each( function( i , element ) {
        element = $( element );
        if ( found == true ) set = set.add( element )
        if ( element.attr("findNext") == "true" ) found = true;
    })
    $( this ).removeAttr( "findNext" )
    return set
}

BEARBEITEN

viel einfachere Lösung mit jquerys index-Methode. das element, das Sie rufen Sie die Methode aus, muss auswählbar sein, die von den gleichen Selektor obwohl

$.fn.findNext = function( selector ){
    var set = $( selector );
    return set.eq( set.index( this, ) + 1 )
}

kostenlos die Funktion von diesem handicap konnten wir youse die Browser eigenen compareDocumentposition

$.fn.findNext = function ( selector ) {
  //if the stack is empty, return the first found element
  if ( this.length < 1 ) return $(s).first();
  var found,
      that = this.get(0);
  $( selector )
    .each( function () {
       var pos = that.compareDocumentPosition( this );
       if ( pos === 4 || pos === 12 || pos === 20 ){
       //pos === 2 || 10 || 18 for previous elements 
         found = element; 
         return false;
       }    
    })
  //using pushStack, one can now go back to the previous elements like this
  //$("#someid").findNext("div").remove().end().attr("id")
  //will now return "someid" 
  return this.pushStack( [ found ] );
},  

EDIT 2
dies ist viel einfacher mit jQuery $.grep. hier ist der neue code

   $.fn.findNextAll = function( selector ){
      var that = this[ 0 ],
          selection = $( selector ).get();
      return this.pushStack(
         //if there are no elements in the original selection return everything
         !that && selection ||
         $.grep( selection, function( n ){
            return [4,12,20].indexOf( that.compareDocumentPosition( n ) ) > -1
         //if you are looking for previous elements it should be [2,10,18]
         })
      );
   }
   $.fn.findNext = function( selector ){
      return this.pushStack( this.findNextAll( selector ).first() );
   }

beim komprimieren von Variablen-Namen wird dies eine bloße zwei-liner.

Edit 3
bitweise Operationen haben, kann diese Funktion sogar noch schneller?

$.fn.findNextAll = function( selector ){
  var that = this[ 0 ],
    selection = $( selector ).get();
  return this.pushStack(
    !that && selection || $.grep( selection, function(n){
       return that.compareDocumentPosition(n) & (1<<2);
       //if you are looking for previous elements it should be & (1<<1);
    })
  );
}
$.fn.findNext = function( selector ){
  return this.pushStack( this.findNextAll( selector ).first() );
}

InformationsquelleAutor der Antwort lordvlad

Ich denke, der einzige Weg, um dieses problem zu lösen besteht darin, eine rekursive Suche über die Elemente nach dem aktuellen element. Es gibt keine einfache Lösung für dieses problem zur Verfügung gestellt von jQuery. Wenn Sie nur wollen, um die Elemente in der Geschwister Ihrer Eltern-element (wie in deinem Beispiel), ist es nicht erforderlich, um eine rekursive Suche an, aber Sie haben zu tun, mehrere Suchvorgänge.

Ich ein Beispiel erstellt (eigentlich ist es nicht rekursiv) die tut, was Sie wollen (hoffe ich). Es wählt alle Elemente nach dem aktuellen element geklickt und macht Sie rot:

<script type="text/javascript" charset="utf-8">
    $(function () {
        $('#click').click(function() {
            var parent = $(this);
            alert(parent);
            do {
                $(parent).find('.find').css('background-color','red'); 
                parent = $(parent).parent();
            } while(parent !== false);
        });
    });
</script>

InformationsquelleAutor der Antwort Martin Sturm