Jquery 嵌套数据表第二个子项不工作

标签 jquery datatables

在我的项目中,我使用了 jquery 嵌套数据表,数据表中的每一行都有 2childs 行,下面是我的代码

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

如果我单击父 td 意味着 2 个子行打开,并且 this.parentNode 根据该详细信息显示父节点详细信息,我将显示有关父节点的其他详细信息,下面是子行的代码,

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

如果我单击父节点第一个子节点意味着子节点打开并且控制台显示父节点详细信息,但第二个子节点不起作用并且控制台显示父节点详细信息为 null

最佳答案

终于找到解决方案了 只需将 #tab td.control 更改为 #tab > tbody > tr > td.control

关于Jquery 嵌套数据表第二个子项不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46153594/

相关文章:

jquery - 加载数据表时如何传递页码而不是页面大小

jquery onclick 隐藏/显示 div

jquery - 如何在 jquery 数据表中设置两个动态标题行?

jquery - 是否可以使用 jquery 动态覆盖 css?

javascript - 如何确定使用 $.post() 或 $.get() 时的错误

javascript - 在 HTML 表格中,数值可以用逗号格式表示吗?

javascript - 初始化后如何更改DataTables中的数据数组

javascript - 按时间排序(格式: hh:mm a) in JavaScript for use with DataTables

javascript - JQuery 回调未执行?

jquery - 500 错误 - JSON 对象 POST 到 .ASMX Web 服务