2

我有一个输入标签：

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

它什么也不返回。我怎样才能得到这个内容？

4

7 回答 7

2

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

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

我为您制作了一个 JsFiddle 测试演示，请点击此链接。它会在警报中提供您正在寻找的相同的东西。

http://jsfiddle.net/jpaYK/

于 2013-09-04T03:54:20.763 回答
2

尝试这个：

document.getElementById('to_time_24_date').outerHTML;
于 2013-09-04T03:28:02.770 回答
1

你可以试试outerHTML楼盘。

$('#to_time_24_date').get(0).outerHTML
于 2013-09-04T03:25:57.200 回答
0 
var html = "<input";
$.each($("#"+to_time_24_date)[0].attributes, function(i, attr){
    html += ' '+attr.name+'="'+attr.value+'"';
});
html += " />";
alert(html);

jsfiddle

于 2013-09-04T03:51:41.180 回答
0

你可以使用outerHTML

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

演示：小提琴

没有 jQuery

document.getElementById('to_time_24_date').outerHTML
于 2013-09-04T03:24:34.867 回答
0

html()获取内部 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

于 2013-09-04T03:24:51.290 回答
0 
<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示例

http://jsfiddle.net/LUep8/

于 2013-09-04T03:59:44.950 回答