jQuery - 将jQuery对象分配给HTML元素

时间:2014-03-29 20:10:01

标签: jquery html

我用不同的短语多次搜索我的问题,并且得到了不起作用的答案,将元素设置为变量,或仅使用一个变量。

我想要找出的是,是否可以将对象分配给元素,如果可以,找出如何执行此操作并能够检索(在我的情况下)append()调用的数据。我已经尝试过使用data(),但是我找不到任何方法来为append()提取数据(我发现的任何教程都没有提到显示数据)。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:1)

如果我理解你的问题,你希望在html元素中分配一个jQuery对象。我想你可以将对象序列化为JSON,然后解析它。

您可以使用:https://github.com/douglascrockford/JSON-js,如:Serializing to JSON in jQuery

中所述
var jsonString = JSON.stringify(jqueryobject);

并恢复对象:

var object = JSON.parse(jsonString);

我在没有引用jquery库的情况下对此进行了测试,也开始工作。

答案 1 :(得分:0)

使用.html()

var dataToAppend = $("<h1>I'm appended!</h1>");
$("body").append(datatoAppend.html());

如果你需要一个带外部HTML的元素,只需选择一个外部包装元素:

var dataToAppendOuter = $("<div><h1>I'm appended!</h1></div>");
$("body").append(dataToAppendOuter.html());

修改
这是一个jsFiddle,希望能够更好地说明我上面要解释的内容。当然,我正在做一些假设,所以问题中的一些澄清将是有益的,因为我可能误解了需求。