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
:
Ver original$('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:
Ver original<div class="publicacion-footer"> <div class="publicacion-footer-derecha"> <div class="publicacion-footer-izquierda">
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
:
Ver originalaccepts: 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 :)