使用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 +文本框中文本的值。

Here是问题的解决方法。

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;