Question

我需要帮助，有什么想法吗？

首先我想在页面打开时隐藏一些输入元素，我的方法是创建下拉列表$counter (1-8)然后取决于$counter示例：3。

我在($counter)<td></td> #ID。

中动态创建/显示现有元素tr

jQuery如何解决这个问题？

您可以在jQuery中提供切换案例示例，以显示/隐藏定义的td #ID吗？

先谢谢

Rizq

Answer 1

要隐藏单元格行，您可以执行以下操作：

$("#your_td").closest("tr").hide();

那是因为隐藏所有行比单个单元更合乎逻辑。

希望能够理解你。

Answer 2

假设您的输入的id为“input-1”，那么您可以隐藏它：

// Assign a value to counter, might be some function to do that
var counter = '1';

// Get a reference to the element and hide it
var input = document.getElementById('input-' + counter);
input.style.display = 'none';

// or 

input.style.visibility = 'hidden';

并再次展示：

input.style.display = ''; // empty string

// or 

input.style.visibility = 'visible';

display和visibility属性之间的区别在于前者将从文档流中完全删除元素，而第二个将使其不可见（读取W3C CSS的相关部分）规格）。使用显示屏可能会使文档在重新流动时跳起一点点，弄乱可见性使其保持稳定但留下空白。您最喜欢的选择。

您可以使用相同的方法隐藏和显示任何类型的元素。如果您想要父单元格或行，请转到 parentNode 链，直到您根据需要点击第一个TD或TR并隐藏它。

Mozilla开发者网站上有一些tutorial用于使用DOM API搞乱表格元素。

如何Jquery / Javascript动态添加td（表）

2 个答案: