Encuentra el siguiente elemento que no es inmediato?

Question

Quiero encontrar el primer elemento span después del mostrador de clase, en el código de algo como esto:

<div class="counter"></div> 
<p></p> 
<span></span> 

Parece que la función next() sólo se encuentra el siguiente elemento de inmediato, por lo que algo como esto:

$(".counter").next("span") 

No funciona. La forma en que he estado usando es un poco largo y me preguntaba si había una manera más corta, es la siguiente:

$(".counter").nextAll("span").eq(0) 

creo que el método closest() en jQuery 3 hará el truco, pero yo estoy usando 1.2 .6 - ¿hay una mejor manera de hacerlo (estoy usando el next() incorrecto?)

Answer 1

Creo que su método es la mejor manera. Y si siente que no se ve bien simplemente convertirlo en un plugin:

jQuery.fn.firstAfter = function(filter){ 
return this.nextAll(filter).eq(0); 
} 

Answer 2

No estoy seguro de que el método más cercano sea el truco, pero si es así ... tal vez puedas extraer el método más cercano de 1.3 y convertirlo en un complemento?

No he tenido la oportunidad de probar esto, pero le doy una oportunidad. No puede hacer daño:

(function($) { 
    $.fn.closest = function (selector) { 
    return this.map(function(){ 
     var cur = this; 
     while (cur && cur.ownerDocument) { 
     if ($(cur).is(selector)) 
      return cur; 
     cur = cur.parentNode; 
     } 
    }); 
    } 
})(jQuery); 

Answer 3

creo que la función siblings() es lo que busca. Intentar algo como esto:

$(".counter").siblings("span"); 

Answer 4

intentar algo como esto:

$(".counter ~ span:first"); 

Espero que ayude!

Answer 5

$ ("contador + lapso.")

Answer 6

Similar a la respuesta marcada, pero se ve un poco más limpio mediante el: primer selector:

$('.counter').nextAll('span:first')