Question

我正在使用datatable.js。我列出了关于tablature的json数据。根据列表的真值和假值，输入将是可见的和不可见的。例如，如果tur = true，则显示第3列，第1列和第2列隐藏。如果tur = false，则第1列和第2列显示应为第3次隐藏。我无法运行它。你能帮帮我吗？

import

http://jsfiddle.net/s8JmF/837/

Answer 1

这里的问题是，当您运行$('.input2').hide();时，脚本会遍历所有带有类input2的DOM元素并隐藏它们。这就是为什么，如果最后一次调用是.hide()，那么表中包含该类的所有输入都将被隐藏。

有不同的方法来阻止它。一种方法是为每个输入分配唯一的类。例如：

//...
"render": function (mDataProp, type, row,meta){
    var giris = '';
    giris = '<input class="input2-'+row.id+'"" type="text" ></input>';
    return giris;
}
//...
// then show or hide
$('.input2-' + row.id).hide();
//...

在这里，我将table元素的id添加到类名中。因为类名现在变成input2-58，所以它只对该行是唯一的。因此，显示或隐藏它不会影响文档中的其他输入字段。

如果您的row.id不是唯一的，您可以使用其他一些唯一标识附加到班级名称。如果您需要CSS的类名，并且不想更改它们，则可以向id标记添加唯一的<input>或添加其他类。反正你懂这个意思。基本上，使DOM元素选择唯一，因此它们不会影响其他输入字段。

显示/隐藏表值

1 个答案: