javascript variable to jQuery object

Question

How can I take this javascript variable and

convert it into jQuery object $(myFragment)
change the id attribute from "fragment" to "fragment1" ?

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

Until you insert it into the DOM it is merely a string. Treat it as a string (you can use .replace) , or insert it onto the DOM and manipulate it with JS or jQuery. — Diodeus - James MacFarlane
– Diodeus - James MacFarlane, Commented Aug 10, 2011 at 3:11

bfavaretto · Accepted Answer · 2011-08-10 03:09:26Z

15

To convert to jQuery object:
```
$(myFragment);
```
To change the id:
```
$(myFragment).attr('id', 'fragment1');
```

answered Aug 10, 2011 at 3:09

bfavaretto

72k18 gold badges118 silver badges162 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Chankey Pathak Over a year ago

how to convert a jQuery object back to JavaScript variable?

Jason Aller · Accepted Answer · 2014-04-17 19:25:19Z

3

To convert the string to HTML element pass it to jQuery function as parameter and it will return you a html element wrapped as a jQuery object. Then you can use all the regular jQuery functions to change the element.

Try this:

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!!!");

Working example: http://jsfiddle.net/xhC7D/

edited Apr 17, 2014 at 19:25

Jason Aller

3,66028 gold badges43 silver badges40 bronze badges

answered Aug 10, 2011 at 3:10

Chandu

83.2k19 gold badges136 silver badges136 bronze badges

1 Comment

bob Over a year ago

I'll try this, but I would prefer not to append it to DOM because I am using jQuery Mobile which seems to modify html on the DOM.

Collectives™ on Stack Overflow

javascript variable to jQuery object

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related