frankmoore Converting a jQuery object back to a JavaScript String

**frankmoore** · 05-27-2010 04:20 PM

jQuery noob here, so I apologize in advance if this question has been asked before.

My situation is this: I have a string of HTML that I've extracted from my document and passed into jQuery to manipulate as such:

Code:

var pageEl = document.getElementById("ElementId");
var contentToProcess = pageEl.innerHTML;

// pre-process contentToProcess...

var jQueryContent = $(contentToProcess);

// process elements using jQuery methods

Now, I've completed the processing that I wanted to do using jQuery and I need to extract the processed content from the jQueryContent object. How do I do this?

There was a helpful post on stackoverflow, but the solution that they outlined isn't working. Does anyone else have any experience with this?

Thanks.

**Gozzy82** · 05-28-2010 03:36 AM

if you going to use jquery you can use it all the way so instead of doing

var pageEl = document.getElementById("ElementId");
var contentToProcess = pageEl.innerHTML;

you can do

var contentToProcess = $('#ElementId').html();

example how you can do what you want if ii understand you correctly

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
  <head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var content = $('<div><p>one</p><p>two</p></div>');
// do some operations
content.find('p:first-child').remove();
// create a container to append your conmtent
var container =  $('<div/>');
//append the content to the container
container.append(content);
// if you dont append the content to a container you do not get the parent tag (<div></div>)
alert(container.html());
});
</script>
    <title>Test</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

**frankmoore** · 05-28-2010 08:31 AM

Gozzy, thanks but I already tried that approach. Unfortunately, the .html() method only returns the innerHTML of the object which, in Firefox, does not reflect changes which have been made using JavaScript.

I think I have a work-around to my a problem, however, it involves going back to DOM methods and removing jQuery entirely.

**ash1983** · 07-06-2010 10:53 PM

Use .get(0) instead of .html()

Thread: frankmoore Converting a jQuery object back to a JavaScript String

Thread Tools

Display

frankmoore Converting a jQuery object back to a JavaScript String

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions