page - jquery name attribute

jquery encuentra el siguiente elemento con clase

Question

Estoy tratando de encontrar el siguiente elemento con una clase de "error" y golpear una pared.

Al mirar la demostración en el sitio de jQuery, esto debería funcionar, pero no es así.

$("button[disabled]").next().text("this button is disabled");

<div>
   <button disabled="disabled">First</button>
   <span>no overwrite</span>
   <span class="error"></span>
</div>

<div>
   <button>Second</button>
   <span></span>
</div>

<div>
   <button disabled="disabled">Third</button>
   <span>no overwrite</span>
   <span class="error"></span>
</div>

Estoy tratando de encontrar el span o div o lo que sea después del elemento en cuestión, como el botón de arriba.

por lo que la línea del botón desactivado debe leer, ''no sobrescribir este botón está diableado''

He intentado

$("button[disabled]").next(".error").text("this button is disabled");

en vano.

Answer 1

El problema es que está utilizando la siguiente función de desplazamiento en lugar de nextAll

$("button[disabled]").nextAll(".error").text("this button is disabled");

Cuando usa next es solo mirar el elemento "next" que es

<span>no overwrite</span>

A continuación, todos los aspectos de todos los hermanos que están próximos

Answer 2

Prueba esto:

$("button[disabled=disabled]").parent().find("span.error").text("this button is disabled");

Espero eso ayude. Sinan.

Answer 3

next() no funcionará en este caso porque tiene que ser un hermano para que funcione. En este caso necesitas:

$("button[disabled]").parent().nextAll()
  .find("span.error:first").text("this button is disabled");