Hijo de mi padre "hermano" con jquery.

[helacer]

buenas tengo un modulito que tiene un boton que al dar clcik sobre el genera ciertas acciones sobre un div...

Este modulito puede aparecer muchas veces dentro de la pagina. Actualmente si lo coloco varias veces al pulsar el boton me ejecuta la accion sobre el div de todos lso modulos colocados en la pagina.


Para solucionar esto lo que quiero hacer es que la accion se ejecute solo sobre el div que sea hermano del boton es decir hijo de mi padre ... "perdon el enredo"

Código:

<div class="padre">
   <div class="boton">DE CLICK ACA</div>
   <div class="cambio">este div cambia al pulsar el boton</div>
</div>

para esto lo que estoy haciendo es obteniendo el padre de mi boton asi.

var xpadre = $(this).parents("div:first");

ahora quiero que la accion que voy a ejecutar ejemplo cambiar el texto del div se ejecute unicamente en mi hermano es decir en el $(".cambio") hijo de xpadre.

Como obtengo el hijo cambio de xpadre o como haría esta labor más facilmente sin necesidad de dar toda esta vuelta?


espero me haya hecho entender. Gracias.

[ryugen]

Para obtener un hermano con jQuery sería con uno de los siguientes modos (del más conveniente [si es hermano directo] a los menos performantes):

Código Javascript:

var hermano = $(this).next(); //obtengo el hermano inmediato o adyacente
 
var hermano2 = $(this).siblings(".cambio"); //obtengo un hermano del elemento con la clase "cambio" aunque no sea el inmediato
 
var hermano3 = $(this).parent().children(".cambio"); //obtengo el primer padre y entre sus hijos busco aquel con la clase "cambio"
 

Acá algo de documentación:

Next: http://api.jquery.com/next/

Siblings : http://api.jquery.com/siblings/

Parent: http://api.jquery.com/parent/

Children: http://api.jquery.com/children/

[helacer]

ok muchas gracias estaba enredado con eso !!!