Javascript:td / tr元素附加信息

时间:2014-02-14 12:12:51

标签: javascript datatable

我需要为td/tr元素提供其他信息。我试图制作额外的隐藏列(bVisible:false)但我不能通过javascript拉它们。

问题:

  1. 如何为td / tr标签设置其他信息?
  2. 为什么通过浏览器的控制台无法看到隐藏字段 - >检查元素?

2 个答案:

答案 0 :(得分:2)

您可以使用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>

Simple Fiddle Demo

Reference

答案 1 :(得分:1)

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

示例代码

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

在javascript方法中,您可以按照以下方式访问它

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