如何在 DataTable 子行中使用 jQuery 返回 div

Posted 2023-05-08

【中文标题】如何在 DataTable 子行中使用 jQuery 返回 div

【英文标题】：How to return a div using jQuery in a DataTable child row

【发布时间】：2020-08-08 11:53:45

【问题描述】：

使用 jQuery 返回 div 时遇到问题。下面的附加代码仅在第一次显示 childRow 内容之前有效，不幸的是不能稍后。这可能是由于返回了具有相同 ID 的项目，有没有人知道如何返回这个 div？

脚本

function format () 
    return $('#myDiv');


(document).ready(function() 
    var table = $('#myTable').DataTable( 
       // table settings
     );

    $('#myTable tbody').on('click', 'td', function () 
        var tr = $(this).closest('tr');
        var row = table.row( tr );

        if ( row.child.isShown() ) 
            row.child.hide();
        
        else 
            row.child( format() ).show();
        
     );
 );

myDiv

div(id="myDiv" class="container")
//some images
//some java bean references

【问题讨论】：

“子行”是指this example 之类的东西吗？如果是这样，您可以在这里使用/调整“显示/隐藏”方法吗？

就是这样。但是由于需要从java bean中提取数据，我想在一个单独的div中进行，并在单击行后调用它。目前，显示/隐藏方法有效，但仅在第一次点击之前有效

【参考方案1】：

根据example，我可以通过更改 javascript 库文件来解决问题