入力タグがあります：
<input type="text" value="04/09/2013" class="date-time-date width-100 hasDatepicker" name="booking_info[to_time_24_date]" id="to_time_24_date" readonly="readonly">
入力タグのすべてのコンテンツ (上記のすべてのコンテンツ) を取得する必要がありますが、使用すると
$('#to_time_24_date').html();
何も返しません。このコンテンツを入手するにはどうすればよいですか?
入力フィールドの HTML をすべて取得するには、次の簡単な方法を使用します。
$('#to_time_24_date').get(0).outerHTML;
JsFiddle Test Demo を作成しました。このリンクをたどってください。それはあなたが探しているものと同じものをアラートで提供します。
これを試して：
document.getElementById('to_time_24_date').outerHTML;
物件をお試しいただけouterHTMLます。
$('#to_time_24_date').get(0).outerHTML
<input type="text" value="04/09/2013" class="date-time-date width-100 hasDatepicker" name="booking_info[to_time_24_date]" id="to_time_24_date" readonly="readonly">
これには「コンテンツ」または「HTML」がなく、属性があり、jQuery から attr メソッドを使用して属性を取得できます.. $('input[type="text"]').attr('id' ); id 属性を返します。
入力タグの入力値 (入力されたもの) を探しているだけの場合は、 $('input[type="text"]').val(); を使用します。値を取得します。
これが役立つことを願っています
ここにjsfiddleの例があります
$('#to_time_24_date').get(0).outerHTML; // $('#to_time_24_date')[0].outerHTML;
デモ:フィドル
jQueryなし
document.getElementById('to_time_24_date').outerHTML
html()内部 HTML、この要素内の要素の HTML を取得します。
ここで答えを確認してください：
受け入れられた回答は、この質問への回答で素晴らしいトリックを使用しています。別の要素を作成し (ただし、ページには追加しません)、作成された要素内に必要な要素を複製し、作成された要素の内部 HTML を取得します。これは、同じ HTML である複製の HTML です。必要な要素の。
$("<div>").append($('#to_time_24_date').eq(0).clone()).html();
// or
$("<div>").append(document.getElementById('#to_time_24_date').clone()).html();
ただし、他の回答も参照してください。試すことができるより簡単な方法があることがわかります。次のouterHTMLように使用できるプロパティがあります。
$('#to_time_24_date')[0].outerHTML
https://developer.mozilla.org/en-US/docs/Web/API/element.outerHTML?redirectlocale=en-US&redirectslug=DOM%2Felement.outerHTMLに従って適切なブラウザをサポートしています。