Create a DOM element with jQuery

Question

I created a input element with jQuery like that:

var element = $('<input />', {
  name: name1,
  id: id1,
  type: 'text'
});

And I want to return the DOM element associated with it. However, element is not a DOM (yet). How can I transform it to DOM element?

Answer 1

You could use element[0] or element.get(0).

Answer 2

jQuery returns an array-like object of DOM elements. Using the array indexer will always allow you to get a specific element, like so:

var domElement = element[0];

Alternatively, jQuery provides a function just for that, .get:

var domElement = element.get(0);

Answer 3

you can check this solutions to use maybe a DOM parser. Converting HTML string into DOM elements?

or just use some native javascript functions. Creating a new DOM element from an HTML string using built-in DOM methods or prototype