Javascript:td/tr element 附加信息

Question

我需要为我的td/tr元素提供其他信息。我试图制作额外的隐藏列（bVisible：false），但我无法通过javascript拉取它们。

问题：

1. 如何为 td/tr 标签设置其他信息？
2. 为什么隐藏字段在浏览器的控制台 -> inspect 元素中不可见？

Answer 1

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

参考资料：

自定义数据

属性旨在存储私有的自定义数据 没有更合适的页面或应用程序 属性或元素。

您只需要使用 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>

简单的小提琴演示

参考

Answer 2

您可以使用 JQuery 编写/访问自定义属性

示例代码

<table>
  <tr class='sample' scode='abcd'><td>Sample</td></tr>
</table>

在javascript方法中，您可以按如下方式访问它

alert($('.sample').attr('scode').val());