用于保存隐藏数据的 HTML 表格属性答案

【问题标题】：HTML tables attribute to save hidden data用于保存隐藏数据的 HTML 表格属性
【发布时间】：2017-05-06 01:24:37
【问题描述】：

html table td 中是否有任何可用的属性，我可以在其中保存我的数据并使用 jquery 轻松获取它。就像假设我有

<table>
  <tr>
    <td>Cell A</td>
    <td>Cell B</td>
  </tr>
</table>

从上面的 sn-p，我可以通过使用 jquery 的html 函数获取单元格值，但我想要这样的东西

<table>
      <tr>
        <td dataSaveHere>Cell A</td>
        <td dataSaveHere>Cell B</td>
      </tr>
    </table>

我在 td 中存储了一些值，以便以后我可以轻松访问它

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

是的，data-* 前缀自定义属性用于保存可以使用 .data() 获取的任意数据

它也有原生支持，你也可以使用Element.dataset属性

console.log($('td').data('id'));
console.log(document.querySelector('td').dataset.id);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td data-id="1">Cell A</td>
  </tr>
</table>

【讨论】：

【解决方案2】：

您可以使用 jQuery 数据。

<td data-name="dataSaveHere">Cell A</td>

并使用 jQuery 访问它。

$('td').data('name');

【讨论】：

【解决方案3】：

您可以在 html 元素中创建任何属性，例如

$("your element").attr("attrname","your value")

如果你想读取值

$("your element").attr("attrname")

【讨论】：

一般不推荐创建随机属性，最好使用data-*属性。各种原因，主要是它不是“有效”的 html。有限的搜索想出了更多信息：stackoverflow.com/a/926040/2181514