Jquery/Javascript如何动态添加td(table)

Question

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

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

我在tr #ID 中动态创建/显示现有元素($counter)<td></td> 。

jQuery如何解决这个问题？

您能否提供 jQuery 中的开关盒示例以显示/隐藏定义的td #ID？

谢谢之前

里兹克

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 规范的相关部分）。 弄乱显示可能会使文档在回流时稍微跳动，弄乱可见性使其保持稳定但会留下空白。 您的选择最适合。

您可以使用相同的方法隐藏和显示任何类型的元素。 如果您想要父单元格或行，go 在parentNode链上，直到您适当地点击第一个 TD 或 TR 并将其隐藏。

Mozilla 开发者网站上有一些关于使用 DOM API 处理表格元素的教程。