Tratando de seleccionar elementos individuales dentro de una clase. No trabajando con “jQuery (this) .next”

Estoy tratando de seleccionar solo un elemento con el nombre de clase postcode-overlay-not utilizando jQuery(this).next() que me ha funcionado en situaciones similares en el pasado. Esta vez no parece estar funcionando. He intentado usar .prev() y esto tampoco ha funcionado.

Cualquier ayuda apreciada!

 jQuery(".help-container .delivery-options__option .postcode-restrictions-not").click(function() { jQuery(this).next(".help-container .delivery-options__option .postcode-overlay-not").fadeIn("slow"); }); jQuery(".help-container .delivery-options__option .postcode-overlay-not .closing-x").click(function() { /*jQuery(".help-container .delivery-options__option .postcode-overlay").css("display", "none");*/ jQuery(this).next(".help-container .delivery-options__option .postcode-overlay-not").fadeOut("slow"); }); 

.next() obtiene solo el siguiente nodo DOM, luego lo compara con las clases que ha especificado.

En su caso, ha especificado múltiples clases jerárquicas que nunca coincidirán con un solo nodo.

Como no ha proporcionado la estructura HTML, aquí hay algunas ideas para reemplazar el .next() :

 jQuery(".help-container .delivery-options__option .postcode-restrictions-not").click(function() { // remove (this) and just get from the top again // will likely match multiple jQuery(".help-container .delivery-options__option .postcode-overlay-not").fadeIn("slow"); // Use (this).next, assuming the next is *exactly* as specified // unlikely, but depends jQuery(this).next(".postcode-overlay-not").fadeIn("slow"); // Use nextAll().first() // will work if they are siblings jQuery(this).nextAll(".postcode-overlay-not").first().fadeIn("slow"); // Use up to shared parent, then down // most likely to work, but depends on where others are jQuery(this).closest(".delivery-options__option").find(".postcode-overlay-not").fadeIn("slow"); });