jquery html() not working

Question

I have an input box created by jquery like so:

val input = $('<input class="pick_date" ... />')

but the .html() method on input does not return the string entered inside the $. does anyone know why?

edit: Ah, I understand the problem. Is there a way to get the html representation of the entire input box and not just the entry?

Ropstah · Accepted Answer · 2009-09-09T11:14:08.597

5

you are passing <input /> which is a self-closing tag.

If you were passing <input>Html here</input> (which is valid XML but not HTML to my knowledge), you could retrieve the "Html here" part with the .html() function like so:

var input = $('<input class="pick_date">Html here</input>');
alert(input.html());

In addition to your edited question:

$('<input />').outerHtml();

this should work.. :)

with this ofcourse (source):

(function($) {
    $.fn.outerHTML = function() {
        return $('<div>').append( this.eq(0).clone()).html();
    };
})(jQuery)

edited Sep 09 '09 at 11:14

answered Sep 08 '09 at 21:59

Ropstah

17,538
24
120
194

2

Isn't outerHtml a plugin (or IE only)? It's not part of jquery. – seth Sep 08 '09 at 22:13
true, i forgot to paste the code which makes it a jQuery plugin :) – Ropstah Sep 09 '09 at 11:09

score 0 · Answer 2 · answered Sep 08 '09 at 21:57

0

I think maybe you are looking for append():

$("div#form").append('<input class="pick_date" ... />');

answered Sep 08 '09 at 21:57

pifantastic

861
6
13

Might want to additionally read this: http://stackoverflow.com/questions/268490/jquery-document-createelement-equivalent – pifantastic Sep 08 '09 at 21:59

score 0 · Answer 3 · answered Mar 17 '16 at 16:48

Just had to deal with this problem.

If you are using ASP.NET, it could be because ASP.NET changes the id names, if you add "runat="server".

So instead of doing this:

<td id="mytd" runat="server"></td>
$('#mytd').html()

Try doing this:

<td id="mytd" class="myclass" runat="server"></td>
$('.myclass').html()

jquery html() not working

3 Answers3