Question

我有一个输入标签：

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

它什么都不返回。我怎样才能获得这些内容？

Answer 1

试试这个：

document.getElementById('to_time_24_date').outerHTML;

Answer 2

您可以尝试outerHTML属性。

$('#to_time_24_date').get(0).outerHTML

Answer 3

使用这个简单的方法来获取所有输入字段HTML：

$('#to_time_24_date').get(0).outerHTML;

我已为您制作了一个JsFiddle测试演示，请点击此链接。它将提供您正在寻找的同样的东西，处于警戒状态。

http://jsfiddle.net/jpaYK/

Answer 4

您可以使用outerHTML

$('#to_time_24_date').get(0).outerHTML; // $('#to_time_24_date')[0].outerHTML;

演示：Fiddle

没有jQuery

document.getElementById('to_time_24_date').outerHTML

Answer 5

html()获取此元素中元素的内部HTML，HTML。

在这里查看答案：

Get selected element's outer 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

Answer 6

var html = "<input";
$.each($("#"+to_time_24_date)[0].attributes, function(i, attr){
    html += ' '+attr.name+'="'+attr.value+'"';
});
html += " />";
alert(html);

jsfiddle

Answer 7

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

这里没有任何“Content”或“HTML”它有属性，你可以用jQuery中的attr方法获取属性.. $（'input [type =“text”]'）。attr（ 'ID'）;将返回id属性。

如果您只是在寻找输入标签的输入值（输入内容），请使用$（'input [type =“text”]'）。val（）;获得价值。

我希望这会有所帮助

这是一个jsfiddle示例

http://jsfiddle.net/LUep8/

如何获取输入标签的html内容？

7 个答案: