使用不属于的属性（HTML）

Question

假设我有一个像这样的表：

<table>
<tr>
<td>My House </td>
<td>My Car </td>
</tr>
</table>

使用jquery，如果你点击其中一个，我希望它显示该项目的价值。是否可以将其他信息存储在value等属性中，然后使用.attr()

获取它

Answer 1

jQuery有.data()来申请数据。还有data-xxxx属性用于存储数据，同时保持HTML有效。无论什么方法都适合你！

Answer 2

只要您拥有HTML5 Doctype，该页面仍会验证，您可以使用data-属性。请参阅jQuery data和data attributes。

使用此标记：

<table id="data-table">
    <tr>
        <td data-value="house">My House </td>
        <td data-value="car">My Car </td>
    </tr>
</table>

这样的事情：

$(function(){
    $('#data-table').on('click', 'td', function(){
        var val = $(this).data('value');
    });
});

Answer 3

Sure, you can do a bunch of things that way.

Answer 4

您可以这样做，但最佳做法是使用rel或使用data属性（甚至更好）使用某些特定属性名称。

使用rel的示例：

<td rel="123">My House</td>

使用data的示例（更多JQuery友好）：

<td data-value="123">My House</td>

对于最后一个示例，您可以使用以下命令，而不是使用JQuery的attr函数检索值：

$(elem).data("value")

另外要设置你所做的值：

$(elem).data("value", "new_value")

您可以在同一元素中拥有多个数据属性。