折叠时链接数据表字段

Question

更新

以下是桌面模式的代码。

var boxes = $('.xbSelectRow:checked'); // Looking for checked checkbox

boxes.each(function(){
    var row = $(this).parents('tr');
    var balance_amount = row.find(".outstd_amount");
    balance_amount.text(0);
});

我刚刚意识到，在桌面模式下更新数据表中的字段与移动模式不同时，它无法巧妙地链接它。

在桌面模式下，可以看到所有列，因此我只使用.find('.outstd_amount')，但在移动模式下，此代码肯定不起作用。在这里，您可以看到数据表在移动模式下展开了一个新行。

如何在班级outstd_amount处于移动模式时实际更新？

Answer 1

我真的不确定......因为我没有看到你的标记并且我的答案是基于版画屏幕。

但无论如何它应该让你走上正轨。诀窍是检查balance_amount的td是否可见。如果隐藏，则查找值应为的span。

var boxes = $('.xbSelectRow:checked'); // Looking for checked checkbox

boxes.each(function(){
    var row = $(this).parents('tr');
    var balance_amount = row.find(".outstd_amount");

    // If the "desktop" td for balance_amount is hidden get the mobile span
    if(!balance_amount.is(":visible"){
      balance_amount = row.next("tr.child").find("span.dtr-data");
    }

    balance_amount.text(0);
});