generate HTML from a set of jQuery objects?

Question

I am trying to modify an HTML string (things like adding class to one of its children). In my code I have to used a container as a midway to ouput $html as a string. Does jQuery provide any function to do this?

  html = "<p>title</p><div><ul class='www'></ul>something</div>";
  $html = $(html);
  $html.filter('div').find('ul').addClass('xxx');
  container = $('<div></div>');
  html = container.html($html)[0].innerHTML; //output "<p>title</p><div><ul class='www xxx'></ul>something</div>"

I dont understand, you want to write `$html` (after adding the class) as a string instead of creating DOM elements? — martriay, Aug 23 '16 at 04:32
yes, I want it as a string, and there is no actual DOM here. — shenkwen, Aug 23 '16 at 04:34
@guradio I am asking whether I can do this without introducing a `container` — shenkwen, Aug 23 '16 at 04:35
not a problem, just a little obsessed with always using existing function(if any) — shenkwen, Aug 23 '16 at 04:45

score 0 · Answer 1 · answered Aug 23 '16 at 04:41

Nope.

There is no escape to interacting with the DOM (this is creating or selecting an existing element), the best you can try is to document.write your string but you'll need to scape the HTML so it doesn't gets interpreted as HTML but text. Notice that document.write only works before the document finishes loading.

I don't know your needs but I can't think of a good use case for this, your jQuery should be better for most cases.

generate HTML from a set of jQuery objects?

1 Answers1