JavaScript: obtenga datos de la primera celda de la fila de la tabla seleccionada

Room No AC Deluxe Tariff

Al hacer clic en el botón correspondiente a cada fila, quiero que mi secuencia de comandos devuelva el número de habitación, es decir, los primeros datos de celda de la fila. He intentado muchas cosas después de referirme a varios artículos en Internet. Nada parece funcionar. Por favor ayuda.

Puedes usar algo como

Manifestación

 $(window).on('click', '.mybutton' ,function() { alert($(this).parent().parent().find('.nr').text()); //Or you can use, which is even better //alert($(this).parent().siblings('.nr').text()); }); 

Aquí, el selector es bastante simple, estamos vinculando primero el evento click en el botón, y al hacer clic, seleccionamos el elemento button parent ie td y seleccionamos el padre de td ie tr y luego encontramos un elemento con una class de .nr

También puede escribir td.nr lugar de simplemente .nr para ser más específico.

Sus filas se están agregando dinámicamente, para que su escucha de clic funcione, tendrá que delegar los eventos.

Créditos a @Patsy Issa por sugerir .siblings()

 $(".mybutton").click(function(){ alert($(this).parent().siblings().eq(0).text()); }); 

usualmente estoy utilizando DataTables js para la solución, puede consultar en: https://datatables.net/reference/api/row () .data ()