javascript - 折叠时链接数据表字段

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);
});