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

How Jquery/Javascript dynamically add td (table)

本文关键字：添加 td 动态 何动态 Jquery Javascript      更新时间：2023-09-26

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

首先，我想隐藏一些输入元素，当页面打开，我的方法创建下拉$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处理表元素的小教程。

相关文章：