example - datatables jquery ejemplos

Jquery anidado el segundo hijo de tabla de datos no funciona

Question

En mi proyecto he usado la tabla de datos anidada de jquery, tengo una fila de dos hijos para cada fila en datatble, a continuación está mi código

$(function(){$(document).on(''click'',''#tab td.control'', function(){
var nTr = this.parentNode;
var oData = $(''#tab'').dataTable().fnGetData(nTr);
console.log(oData);
.....etc.....
});

Si hago clic en parent td significa que las 2 filas secundarias se abren, y this.parentNode muestra los detalles del nodo principal en función de esos detalles, mostraré detalles adicionales sobre el nodo principal, debajo del código para la fila secundaria,

$(function(){$(document).on(''click'',''table[id^="inner_param_"] td.control'', function(){
var nTrs = this.parentNode;
var ooDatas = we.fnGetData(nTrs);
console.log(ooDatas);
.....etc.....
});

Si hago clic en el nodo primario, el primer hijo significa que el elemento secundario se abre y la consola muestra los detalles del nodo primario, pero el segundo elemento secundario no funciona y la consola muestra nulo para los detalles del nodo padre

Answer 1

Finalmente obtuve la solución. Simplemente cambie #tab td.control a #tab > tbody > tr > td.control