[jquery] No puedo cambiar el html de un elemento

[chefnelone]

Hola

Tengo este codigo que hace lo siguiente:
al pulsar sobre el enlace 'Modificar' se ejecuta un plugin el jQuery: "Colorbox" (es una ventana modal). El plugin permite determinar la función onClose (que se ejecuta cuando se cierra dicha ventana). El plugin funciona bien. En la función onClose hago una consulta Ajax que retorna una 'respuesta'. Necesito que el html del elemento html <span class="la_respuesta"> tome el valor de 'respuesta'. Generalmente con localizar el elemento de esta forma:

Código:

$(this).parent().find('.la_respuesta').html(respuesta);

funcionaría bien, pero supongo que el plugin hace que no funcione.



El código html real es:

Código HTML:

<div>

<a class="modificar">Modificar</a>

<span class="la_respuesta">AQUI DEBERIA APARECER EL VALOR DE: respuesta</span>

</div> 

y el js:

Código:

	
$(".modificar").colorbox({ onClosed: function(){

  var id = 5;			 
  $.post('respuestas.php' , {id :id} , function(respuesta){

    alert(respuesta); // MUESTRA CORRECTAMENTE respuesta
    $(this).parent().find('.la_respuesta').html(respuesta); // ESTO NO FUNCIONA
    $(this).parent().find('.la_respuesta').html('algun texto'); // ESTO NO FUNCIONA
		 
  });
  $(this).parent().find('.opinion').html('algun texto'); // ESTO SI FUNCIONA

}});

Se que el problema es que $(this) ya no apunta a .modificar pero no se como solucionarlo.

Que puedo hacer. (si es que alguien entiendo lo que quiero)?

[mayid]

Podes usar siblings()

Pero antes fijate en un debugger cual es la verdadera ruta hasta .la_respuesta, porque cuando un plugin agrega cosas al DOM es facil perderla.

[Dany_s]

guarda una referencia en una variable y usala en el post

Código Javascript:

$(".modificar").colorbox({ onClosed: function(){
    var res = $(this).parent().find('.la_respuesta');
 

Código Javascript:

$.post('respuestas.php' , {id :id} , function(respuesta){
    res.html(respuesta);
 

[chefnelone]

Iniciado por Dany_s

guarda una referencia en una variable y usala en el post

Código Javascript:

$(".modificar").colorbox({ onClosed: function(){
    var res = $(this).parent().find('.la_respuesta');
 

Código Javascript:

$.post('respuestas.php' , {id :id} , function(respuesta){
    res.html(respuesta);
 

ha funcionado! Gracias