jquery - 使用 Jquery 获取文本框 HTML 和值

Question

我在 div 中有一个文本框：

<div id="divTest">
    <input type="text" id="txtText">
</div>

假设用户在文本框中输入了一个单词，我想要一个 jquery 方法来获取带有用户输入的值的文本框 HTML 。我尝试了以下代码：

$('#btnTest').click(function(){
    alert($('#divTest').html());
    e.preventDefault();
});​

但这只会给我文本框的 HTML，而不是 HTML + 文本框中文本的值。

这是问题的jsFiddle。

Answer 1

var html_input = $("#divTest").html();
var val = $("#txtText").val();
var input = html_input.slice(0,-1) + " value='" + val + "'>";
alert(input);

Answer 2

var html = $('#divTest').html();
var value = $('#divTest').val();
var message = html + value;