我需要帮助,你有什么想法吗?
首先,我想隐藏一些输入元素,当页面打开,我的方法创建下拉$counter (1-8)
,然后取决于$counter
示例:3.
我在tr
#ID中动态创建/显示现有元素($counter)<td></td>
。
jQuery如何解决这个问题?
你能提供我在jQuery开关情况下显示/隐藏与定义td
#ID的例子吗?
谢谢之前
Rizq
要隐藏单元格行,可以这样做:
$("#your_td").closest("tr").hide();
这是因为隐藏所有行比隐藏单个单元格更合乎逻辑。
希望我已经理解你了
假设您的输入的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开发人员网站上有一个关于如何使用DOM api处理表元素的小教程。