Javascript:td/tr 元素附加信息

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 9 年前。

Improve this question

我需要为我的 td/tr 提供更多信息元素。我尝试创建额外的隐藏列 (bVisible: false)，但我无法通过 JavaScript 拉取它们。

问题:

1. 如何为 td/tr 标记设置附加信息？
2. 为什么隐藏字段通过浏览器控制台 -> 检查元素不可见？

Answer 1

您可以使用 Html5 自定义数据属性来存储自定义数据，并可以随时访问它。

来自引用:

Custom data attributes are intended to store custom data private to the page or application, for which there are no more appropriate attributes or elements.

您只需使用data-anyname作为属性来存储任何数据。

示例代码

<table id="vegetable-seeds">
  <tr><td data-spacing="10cm" data-sowing-time="March to June">Carrots</td></tr>
  <tr><td data-spacing="30cm" data-sowing-time="February to March">Celery</td></tr>
  <tr><td data-spacing="3cm" data-sowing-time="March to September">Radishes</td></tr>
</table>

Simple Fiddle Demo

Reference