Question

I have a jquery variable:

var $items = "<input type='text' />";

and I have a cloned element:

var cloneA = $("#element").clone();

I cannot find a way to append cloneA to $items.

What could be the solution?

Thanks

Answer 1

The problem is that you were not using $items as a jQuery object. You need it to be a jQuery object in order to use the .append() function on it.

Wrapping the HTML string in the jQuery variable, $ will create an object with that HTML inside.

Try this –

var $items = $("<input type='text' />");
var cloneA = $("#element").clone();
$items.append(cloneA);

---

I assume that this is simply pseudo code because you wouldn’t regularly want to be appending elements into an <input> element. Rather adding <input> fields into an existing element…

Something slightly more logical would look like this –

var $items = $("<div id="input_holder"></div>");

// #element in this example is an actual <input> 
var cloneA = $("#element").clone(); element.

$items.append(cloneA);