Problema al seleccionar un padre con jQuery.ajax

[JaCk0]

Muy buenas, estoy realizando una web que tiene como característica un enlace vía ajax que devuelve del servidor un HTML que debe reemplazar al contenedor padre de ese enlace ajax. El problema es que en el método complete no consigo acceder al contenedor padre (o al menos, averiguar el ID del selector que dispara el ajax). El código jquery es el siguiente:

Código Javascript:

$('body').on('click','#yt3',function(){
     jQuery.ajax({
          'complete':function(data){ 
               console.log($(this));
               console.log($(this).closest("div.publicacion-footer"));
               $(this).closest("div.publicacion-footer").replaceWith(data); 
     })
});
 

Y el HTML es el siguiente:

Código HTML:

<div class="publicacion-footer">
    <div class="publicacion-footer-derecha">
        <button>xxx</button>
        <button>yyy</button>
    </div>
    <div class="publicacion-footer-izquierda">
        <button name="yt3" type="button" id="yt3">zzzz</button>
    </div>
</div>
 

Bien, use console.log de $(this) y $(this).closest("div.publicacion-footer") para ver si me devolvían algo, el segundo no devuelve nada y el primero devuelve un objeto con la siguiente información:

Código Javascript:

accepts: Object
async: true
cache: false
complete: function (data){ console.log($(this)); console.log($(this).closest("div.publicacion-footer")); $(this).closest("div.publicacion-footer").replaceWith(data); }
contentType: "application/x-www-form-urlencoded"
contents: Object
converters: Object
crossDomain: false
dataTypes: Array[2]
flatOptions: Object
global: true
hasContent: false
isLocal: false
jsonp: "callback"
jsonpCallback: function () {
processData: true
responseFields: Object
type: "GET"
url: "/cod/index.php/publicaciones/favorito/2?_=1340812969363"
xhr: function createStandardXHR() {
__proto__: Object
 

Me gustaría saber si a través del objeto $(this) puedo acceder al padre con clase "publicacion-footer", o sí hay alguna manera a través de jQuery de acceder, estuve leyendo la documentación de jQuery.ajax pero no he conseguido averiguar nada en claro. Espero que alguien pueda darme algún atisbo de luz a este problema.

Gracias :)

[Rosencrantz]

prueba con parents, aunque debes tener cuidado en que si reemplazas el contenido que viene desde ajax perderas el boton a menos que venga desde ajax otra vez lo cual seria innecesario.
En fin en vez de closest prueba con parents de esta forma

Código Javascript:

$(this).parents('div').eq(1).html(data) 
// el el eq(1) se refiere al segundo parent que encuentre, 0 seria donde esta el boton
 

[JaCk0]

Con lo que me has dicho me lo he pensado mejor y tienes razón, si vuelvo a actualizar el contenedor tengo dos opciones, o hago un delegate para que los ajax estén nuevamente activos o será necesario reenviar las nuevas ordenes de jQuery para que los botones vuelvan a funcionar, por lo que he cambiado el enviar un HTML por enviar un json, pero sigo en la misma.

En cuanto a tu solución probe en su día $(this).parents('div:eq(0)').html(data), que es el primer div que tiene encima, sin que funcionase (he probado tu propuesta en otros scripts con éxito).

Bien, he actualizado el script y queda de la siguiente manera (pongo directamente la parte del servidor que me es más fácil)

Código PHP:

'ajaxOptions' => array(
                        'beforeSend' => 'js:function(){ $(this).addClass("disabled").text("Actualizando..."); }',
                        'complete' => 'js:function(data){ $(this).removeClass("disabled").text(data.texto); }'
),
 

Hay una duda que me corroe de base al script que me genera Yii es que en antes del jQuery.ajax empieza con $('body').on('click','#yt3',function(){ ... } y me temo que al hacer $(this) me esta devolviendo el body en vez del selector...

[JaCk0]

¿Alguien más puede echarme una mano con esto? Gracias :)