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

Question

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

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

从上面的代码片段中，我可以通过使用 html 获取单元格值jquery 的功能，但我想要这样的东西

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

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

Answer 1

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

它也有原生支持，您也可以使用Element.dataset属性(property)

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>