jquery html() ne fonctionne pas

Question

J'ai une boîte d'entrée créé par jquery comme ceci:

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

mais la méthode .html() sur l'entrée ne retourne pas la chaîne entrée dans le $. Quelqu'un sait-il pourquoi?

éditer: Ah, je comprends le problème. Y a-t-il un moyen d'obtenir la représentation html de la boîte de saisie entière et pas seulement l'entrée?

Answer 1

vous passez <input /> qui est une balise de fermeture auto.

Si vous passez <input>Html here</input> (ce qui est XML valide, mais pas à ma connaissance HTML), vous pouvez récupérer la partie "Html ici" avec la fonction .html() comme ceci:

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

En plus de votre question éditée:

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

cela devrait fonctionner .. :)

avec ce ofcourse (source):

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

Answer 2

Je pense que peut-être vous cherchez append():

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

Answer 3

juste dû faire face à ce problème.

Si vous utilisez ASP.NET, il pourrait être parce que ASP.NET change les noms d'identification, si vous ajoutez "runat =" server »

Ainsi, au lieu de le faire.

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

Essayez de faire ceci:

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