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

时间:2011-07-07 05:29:55

标签: javascript jquery

我需要帮助,有什么想法吗?

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

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

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

jQuery如何解决这个问题?

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

先谢谢

Rizq

2 个答案:

答案 0 :(得分:1)

要隐藏单元格,您可以执行以下操作:

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

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

希望能够理解你。

答案 1 :(得分:0)

假设您的输入的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';

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

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

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