How to get html of cloned element

Question

I have an input element like: <input class="input-m" name="formelement[]" type="text">

I want to clone it and store cloned html to a variable:

var txt=jQuery("input[name="+n+"[]]:first").clone().html();

this returns an empty string.

How can I get the html content from .clone()?

Are you sure the selector works? try jQuery("input[name="+n+"[]]:first").length to check it — iBiryukov
– iBiryukov, Commented Jul 25, 2011 at 19:58

ShankarSangoli · Accepted Answer · 2011-07-25 20:00:26Z

16

Try this

var txt=jQuery("input[name="+n+"[]]:first").clone().wrap("<div />").parent().html();

answered Jul 25, 2011 at 20:00

69.9k13 gold badges96 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

How I can set value in cloned field using above syntax? I am trying different ways but not getting

Paul · Accepted Answer · 2011-07-25 20:01:08Z

I think you want the outer HTML instead of innerHTML:

var text = $('<div>').append(jQuery("input[name="+n+"[]]:first").clone()).html();

Amir Raminfar · Accepted Answer · 2011-07-25 20:01:02Z

.html() returns the html inside the element. I am guessing you have something like <input name="..."/> which has no inner html.

You should probably rely on something like outerHtml plugin.