将数据保存在html标记属性中

Question

如何将某些数据保存为html标记属性？例如，给定数据asd/45.33/blah，我需要在html中保存这些数据，并在使用jquery后得到这些数据：

 $("#my_tag").attr("special_attribute");

它可能吗？

Answer 1

如果您需要将它与jQuery一起使用，那么更好的方法是使用data- attibutes。

声明html标记如下：

<div id="myDiv" data-url="asd/45.33/blah"></div>

使用数据非常简单：

var url = $('#myDiv').data('url')

有关jQuery data的更多信息。

关于attr vs data的问题。

Answer 2

使用自定义属性会使您的文档无效，您可以使用HTML5 data-*属性以及使用jQuery获取/设置值，您可以使用data方法，例如，如果您有一个名为{的数据属性{1}}你可以通过这种方式获得它的价值：

data-special

以这种方式设置/更改值：

var value = $("#my_tag").data("special");

http://api.jquery.com/data/

Answer 3

USE attr()它用于获取值以及设置属性值。

$("#my_tag").attr("special_attribute",'asd/45.33/blah');

详情http://api.jquery.com/attr/

Answer 4

是的，这是可能的。但是它不会验证。

Answer 5

是的，你可以。我认为你应该为此目的使用隐藏字段：

<input type="hidden" id="my_tag" />

然后通过jquery访问它：

$("#my_tag").attr("value", "myvalue");
$("#my_tag").attr("value");

Answer 6

您可以将html元素中的值保存为：

$("htmlelement").data("key","value");

在你的情况下，它将是：

$("#my_tag").data("special_attribute","asd/45.33/blah");

Answer 7

var html = "<p>HTML</p>";
$("#my_tag").attr("special_attribute", function() {
    return html;
});

现在使用：

检索它

var s = $("#my_tag").attr("special_attribute");
alert(s)