javascript - 使用 jquery .html() 获取元素本身的 html

Question

如何使用Jquery html获取元素本身的html。在下面的代码中，我想使用 JQuery 获取 div 内的输入元素，如下所示

<div id="content">content div</div>
<input type='text' id="scheduledDate" class="datetime" />

$(function() {

   console.log($('#scheduledDate').html('dsadasdasd'));
    $('#content').html($('#scheduledDate').html());
});

编辑:

我可以得到 $("#scheduledDate") 作为代表输入框真实html代码的字符串吗，因为我的最终要求是我想将它传递给其他一些 subview (我正在使用backboneJS)并最终使用该 html 代码位于一个灰尘文件中。 我最初的要求是将输入字段作为字符串获取，以便我可以将其传递给其他函数。我知道，如果我将它保存在 DIV 或其他容器中，我可以使用 JQuery 的 .html 方法获取 html。我不想使用其他的来达到这个目的。我只是想使用输入框的 id 获取输入框本身的 html 内容。

Answer 1

如果您想将输入元素移动到 div 中，请尝试以下操作:

$('#content').append($('#scheduledDate'));

如果您想将输入元素复制到 div 中，请尝试以下操作:

$('#content').append($('#scheduledDate').clone());

注意:移动或复制元素后，可能需要重新注册事件监听器。