我需要帮助,有什么想法吗?
首先我想在页面打开时隐藏一些输入元素,
我的方法是创建下拉列表$counter (1-8)
然后取决于$counter
示例:3。
我在($counter)<td></td>
#ID。
tr
jQuery如何解决这个问题?
您可以在jQuery中提供切换案例示例,以显示/隐藏定义的td
#ID吗?
先谢谢
Rizq
答案 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';
display和visibility属性之间的区别在于前者将从文档流中完全删除元素,而第二个将使其不可见(读取W3C CSS的相关部分)规格)。使用显示屏可能会使文档在重新流动时跳起一点点,弄乱可见性使其保持稳定但留下空白。您最喜欢的选择。
您可以使用相同的方法隐藏和显示任何类型的元素。如果您想要父单元格或行,请转到 parentNode 链,直到您根据需要点击第一个TD或TR并隐藏它。
Mozilla开发者网站上有一些tutorial用于使用DOM API搞乱表格元素。