Insertar HTML en DIV usando jQuery

Question

Tengo un montón de botones anidados dentro de las etiquetas div en mi html

<div class="button-wrapper"> 
    <button class="button-class">Click here</button> 
</div> 
<div class="button-wrapper"> 
    <button class="button-class">Click here</button> 
</div> 
... 

Al hacer clic en el botón Mensajes algunos datos utilizando jQuery y devuelve algo de HTML a través de una función de éxito .ajax . Intento reemplazar el contenido del div para cada botón en el que se hace clic, pero por alguna razón mi selector JQuery no parece funcionar.

estoy tratando la siguiente función dentro de mi éxito:

$(this).parent().html(data); 

sé que los datos se han publicado correctamente y que la función del éxito está trabajando. Lo raro es que las siguientes obras:

$(".button-wrapper").html(data); 

pero obviamente esto se suma el HTML para cada div, no sólo el uno para el botón que se hace clic.

¿Alguien sabe dónde podría ir mal aquí?

Answer 1

En jQuery 'esto' se sobrescribe comúnmente dentro de una devolución de llamada. La solución consiste en hacer referencia a esto utilizando otra variable:

var _this = this; //or var $_this = this; 
$(_this).parent().html(data); 

Answer 2

Recomendaría usar firebug para sintonizar su selector.

Aparte de eso, no se puede establecer que los identificadores únicos para cada div?

Answer 3

El problema es que en su devolución de llamada this no es el botón más. Prueba esto:

$(".button-wrapper").click(function(){ 
    var that=this; 
    $.ajax(
     // ... 
     success: function(data){ 
     $(that).parent().html(data); 
     } 
    ); 
}); 

Answer 4

HTML:

<div class="button-wrapper"> 
    <button class="button-class">Click here</button> 
</div> 
<div class="button-wrapper"> 
    <button class="button-class">Click here</button> 
</div> 

JS:

$.ajax({ 
//.. 
     success: function(){ 
     $(".button-class").click(function(){ 
      $(this).parent().html("Dynamic Html"); 
     }); 
     } 
    }); 

Answer 5

Debería saber que es necesario cargar registro de la función del éxito por ejemplo: setInterval(myFunction,2500);

Answer 6

Esta voluntad útil para usted ....

$("button").click(function(){ 
    $("div").html("Hello <b>world</b>!"); 
});