ansaurus

Question

How can I modify the returned value of jQuery's html() method?

Answer 1

A:

You can do whatever you want to the div via the regular jQuery selectors and modifiers.

var $reportHeader = $($('#ReportHeader').html());

// Remove some div
$reportHeader.find('div.to_remove').remove();

// Now use $reportHeader.html() to add the modified contents to printwindow

meagar 2010-08-18 20:55:37

Answer 2

A:

You can clone the content, then perform the replacements, then write it:

var cloned = $($('#ReportData').html());

Using the $('html string') function:

http://api.jquery.com/jQuery/#jQuery2

Ian Henry 2010-08-18 20:56:13

Answer 3

+1 A:

You can use .clone() to do it efficiently, like this:

printwindow.document.write(
  $('#ReportHeader').clone().find("input[type=text").each(function() {
    $(this).replaceWith("<span>" + $(this).val() + "</span>"); 
  }).end().html()
);

This gets a copy of the original #ReportHeader and its children so you can manipulate them how you want without modifying the original, as well as not enduring the expense of html string -> node conversion, which is compartively quite expensive.

Nick Craver 2010-08-18 20:57:31

+1 - this is more semantically clear than my answer.

Ian Henry 2010-08-18 20:59:47

I read the documentation on end() but I'm not sure I understand that. What is the point of end()? Thanks btw!

KingNestor 2010-08-18 21:02:46

@KingNestor -`.end()` takes the chain back to the clone, otherwise you'd be getting the `.html()` for the input elements, instead of the entire `#ReportHeader` element, so whenever you do a traversal statement that changes which elements you're working with (like `.find()`), it'll take the chain back to working with the elements before that change happened.

Nick Craver 2010-08-18 21:08:40

Answer 4

A:

To replace all inputs with static span elements, you can do something like this..(not tested)

$(":input").each(function() {
    var parent = $(this).parent();
    var val = $(this).val();
    $(parent).remove($(this).append("<span>" + $(this).val() + "</span>")); 
});

Teja Kantamneni 2010-08-18 20:57:48

ansaurus

tags:

views:

answers:

How can I modify the returned value of jQuery's html() method?

related questions