mostrar data mediante ajax en un div dinamico

[kukiko11]

en mi pagina web los comentarios son generados via ajax... y en el apartado de denuncias necesito que comentario que se denuncie comentario que se vea afectado... ese en especifico como tal

como podria hacer para lograr tal cosa? podria crear un objeto en js por ejemplo que permita identificar el div del comentario que fue presionado? (cabe destacar que el div que contiene los comentarios que se cargan es dinamico).

hasta ahora tengo algo asi, pero no me esta devolviendo la data

Código Javascript:

<script>
    $('.form-denunciar').submit(
    function() {
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            dataType: 'JSON',
            data: $(this).serialize(),
            success: function(data) {
 
                  $(this).children('div.status').html(data).fadeIn('slow');
            }
        })
        return false;
    }); 
})  
</script>
 

Código HTML:

<div class="comentario"> 
 
<form class="form-denunciar" action="denunciar.php" method="post">
Denunciar <button class="icon-block" name"denunciar-comentario </button>
 
</form>
<div class="status"></div>
</div>
 

[Alexis88]

Estás buscando al <div> dentro del formulario cuando deberías hacerlo en el elemento ancestro del mismo.

Código Javascript:

$(this).parent().children('div.status').html(data).fadeIn('slow');
 

[kukiko11]

Iniciado por Alexis88

Estás buscando al <div> dentro del formulario cuando deberías hacerlo en el elemento ancestro del mismo.

Código Javascript:

$(this).parent().children('div.status').html(data).fadeIn('slow');
 

que tal man? si bueno aplique tu consejo pero por algun motivo no me devolvio la data tampoco, asi que en su lugar probé con algo predefinido como

Código Javascript:

$(this).parent().children('div.status').html('mostrando datos...').fadeIn('slow');
 

y tampoco me mostro la cadena de texto... asi que hice un console log a ver que tal y me arrojo lo siguiente:

Código Javascript:

Object { length: 0, prevObject: Object, context: undefined }
 

por lo que entiendo o me esta devolviendo siempre un empty o no esta encontrando bien el div que estoy referenciando

[Alexis88]

Para que salgas de la duda acerca de lo segundo, podrías imprimir el resultado en un elemento estable, así sabrás si lo que está mal es la respuesta que obtienes o la toma del elemento. También puedes fijarte en la pestaña "Network" del cuadro de herramientas para desarrolladores (en Chrome) qué respuesta obtienes. Solo abre dicho cuadro, ejecuta el código y cargará una lista con los nombres de los archivos que estés utilizando. Ubica al encargado de generar la respuesta, selecciónalo, y, en el panel derecho, elige la opción "Response". Allí podrás ver la respuesta recibida.

Un saludo

[kukiko11]

Iniciado por Alexis88

Para que salgas de la duda acerca de lo segundo, podrías imprimir el resultado en un elemento estable, así sabrás si lo que está mal es la respuesta que obtienes o la toma del elemento. También puedes fijarte en la pestaña "Network" del cuadro de herramientas para desarrolladores (en Chrome) qué respuesta obtienes. Solo abre dicho cuadro, ejecuta el código y cargará una lista con los nombres de los archivos que estés utilizando. Ubica al encargado de generar la respuesta, selecciónalo, y, en el panel derecho, elige la opción "Response". Allí podrás ver la respuesta recibida.

Un saludo

bien! me sirvio lo del network para descartar posibilidades... la respuesta json si se esta dando como quiero, el problema sin duda es como estoy especificando la seleccion del div donde quiero mostrar dicha data... talvez haciendo uso de algun otro tipo de selector pueda funcionar

[Alexis88]

Verifica en la consola si this hace referencia al formulario en el que se están ocurriendo los hechos para así descartar que no se esté partiendo del mismo, puesto que, el resto de la secuencia de selección, es correcta.