jQuery and html 5 <template> tag

Question

3.9k views Asked by Auine At 13 December 2013 at 20:18

I have some problem with jQuery. When am trying use:

document.querySelector('#container').appendChild(content.cloneNode(true));

it's ok, but jquery have wrapper around the object, so i can't just type:

$('#container').content

Does anyone have any ideas?

There are 2 answers

manuel On 19 August 2014 at 08:36

The HTML5 provides a template element:

contents = $('#template').html();
copy = $('<div id="copy"></div>');
$('body').append(copy.append(contents));

The HTML part:

<html>
  <body>
    <template id='template'>
    </template>
  </body>
</html>

The clone method is not sufficient.

**nrabinowitz** · Accepted Answer · 2013-12-13 20:20:59

nrabinowitz On 13 December 2013 at 20:20 BEST ANSWER

If you want to access the actual DOM element for a single-element selection, use $('#container')[0] or $('#container').get(0).

If you had multiple elements in your selection, you could get them by index: .get(1), .get(2) and so on.