HTML表属性用于保存隐藏数据

Question

在html表td 中是否有任何属性可用于保存我的数据并使用jquery轻松获取.就像假设我一样

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

从上面的片段,我可以通过使用jquery的html函数获得Cell值,但我想要这样的东西

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

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

Answer 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>