jQuery对象的javascript变量答案

【问题标题】：javascript variable to jQuery objectjQuery对象的javascript变量
【发布时间】：2011-10-23 17:48:57
【问题描述】：

如何获取这个 javascript 变量和

将其转换为 jQuery 对象 $(myFragment)
将 id 属性从“fragment”更改为“fragment1”？

myFragment = "\
<div id='fragment'>\
<input type='hidden' id='preBeginDtlFields' name='BeginDtlFields'\
 value=''  />\
<input type='hidden' id='preGroup' name='GRP' value='' />\
</div>";

【问题讨论】：

在将其插入 DOM 之前，它只是一个字符串。把它当作一个字符串（你可以使用.replace），或者将它插入到DOM中并用JS或jQuery来操作它。

标签： javascript jquery fragment

【解决方案1】：

要转换为 jQuery 对象：
```
$(myFragment);
```
要更改 id：
```
$(myFragment).attr('id', 'fragment1');
```

【讨论】：

如何将 jQuery 对象转换回 JavaScript 变量？

【解决方案2】：

要将字符串转换为 HTML 元素，请将其作为参数传递给 jQuery 函数，它将返回一个包装为 jQuery 对象的 html 元素。然后你可以使用所有常规的 jQuery 函数来改变元素。

试试这个：

var myFragment = "\
<div id='fragment'>\
<input type='hidden' id='preBeginDtlFields' name='BeginDtlFields'\
 value=''  />\
<input type='hidden' id='preGroup' name='GRP' value='' />\
</div>";
var $myFragment = $(myFragment).appendTo("body");
$myFragment.attr("id", "new-id");
$("#new-id").text("It works!!!");

工作示例：http://jsfiddle.net/xhC7D/

【讨论】：

我会试试这个，但我不希望将它附加到 DOM，因为我使用的是 jQuery Mobile，它似乎修改了 DOM 上的 html。