How to get html of cloned element

问题

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()?

回答1:

Try this

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

回答2:

I think you want the outer HTML instead of innerHTML:

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

回答3:

.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.

来源：https://stackoverflow.com/questions/6821591/how-to-get-html-of-cloned-element