Question

html table 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>

Answer 2

您可以使用jQuery数据。

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

并使用jQuery访问它。

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

Answer 3

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

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

如果你想读取值

{{1}}

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

3 个答案: