jQuery对象的javascript变量

Posted 2023-04-15

【中文标题】jQuery对象的javascript变量

【英文标题】：javascript variable to jQuery object

【发布时间】：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来操作它。

【参考方案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。