Tengo creada una tabla en HTML sencilla a la cual le inserto datos dinamicamente mediante JavaScript, de los cuales necesito tomar 1 al darte clic en un botón el cual se llama seleccionar para posteriormente llenar otra tabla en HTML de manera dinámica.
El problema es que no me permite tomar el texto de las filas, al parecer los marca como nulos.
Anexo el HTML y el JavaScript
<div id="tblSeleccionarPx" class="row" hidden="true">
<div class="col-lg-12">
<br><br>
<div class="col-lg-4 col-xs-12 col-sm-12 col-md-4"></div>
<div class="col-lg-4 col-xs-12 col-sm-12 col-md-4">
<table class="table table-hover">
<thead>
<tr>
<th scope="col" hidden="true">Id</th>
<th scope="col">Nombre</th>
<th scope="col">Teléfono</th>
<th scope="col" class="text-center"><i class="fas fa-cog"></i></th>
</tr>
</thead>
<tbody id="tbodySeleccionarPx">
</tbody>
</table>
</div>
<div class="col-lg-4 col-xs-12 col-sm-12 col-md-4"></div>
</div>
</div>
CÓDIGO JAVASCRIPT DONDE LLENO LA TABLA ANTERIOR.
function BuscarPaciente(){
$('#btnBuscarPaciente').attr("disabled",true);
var nombre = $('#nombrePacienteConsulta').val();
var band = false;
if(nombre.length == 0){
alert("Favor de ingresar nombre del paciente");
band = false;
}else{
band = true;
}
if(band == true){
$.ajax({
type: "POST",
url: baseurl + 'Manager/BuscarPaciente/',
data: {
nombre: nombre,
},
dataType: 'json',
success: function(response){
$("#tblSeleccionarPx").removeAttr("hidden");
$("#btnBuscarPaciente").removeAttr("disabled");
var len = response.length;
var datosJson = JSON.parse(JSON.stringify(response));
if(len > 0){
// Read values
for (var i = 0; i < datosJson.length; i++) {
elements = '<tr>'+
'<td class="pacid" hidden="true">'+datosJson[i].id_paciente+'</td>'+
'<td class="pacnom">'+datosJson[i].nombre_paciente+'</td>'+
'<td class="telefonopx">'+datosJson[i].telefono_paciente+'</td>'+
'<td>'+
'<button type="button" class="btn btn-primary btn-block" onclick="SeleccionarPaciente()">'+
'<strong>SELECCIONAR</strong> <span class="fas fa-check"></span>'+
'</button>'+
'</td>'+
'</tr>';
$(elements).appendTo('#tbodySeleccionarPx');
}
}else{
alert("¡Ha ocurrido algo al buscar el registro, intente nuevamente!");
}
}
});
}else{
$("#btnBuscarPaciente").removeAttr("disabled");
}
}
CÓDIGO JAVASCRIPT DONDE INTENTO TOMAR LOS VALORES INSERTADOS PARA POSTERIORMENTE LLENAR OTRA TABLA.
function SeleccionarPaciente(){
var nuevo = document.getElementsByClassName("pacnom");
var row = $(this).closest("tr"); // Find the row
var textid = row.find(".pacid").text(); // Find the text
var textname = row.find(".pacnom").text(); // Find the text
var id = textid.trim();
var name = textname.trim();
$("#tblConfirmarPx").removeAttr("hidden");
elements = '<tr>'+
'<td class="pxid" hidden="true">'+id+'</td>'+
'<td class="pxnombre">'+'name: '+name+'</td>'+
'<td><input type="text" class="pxpa form-control"/></td>'+
'<td>'+
'<button type="button" class="btn btn-primary btn-block confirmarpx">'+
'<strong>CONFIRMAR</strong> <span class="fas fa-check-double"></span>'+
'</button>'+
'</td>'+
'</tr>';
$(elements).appendTo('#tbodyConfirmarPx');
}