我正在尝试将输入文本字段及其值附加为div的值。
这是我到目前为止的结果：
$(this).append('<input type="text" value=' $('#div1').val() '>');
不要使用HTML字符串！
$(this).append(
$('<input>', {
type: 'text',
val: $('#div1').text()
})
);
$(this).append('<input type="text" value='+ $('#div1').html()+ '>');
$(this).append('<input type="text" value=' + $('#div1').val() + '>');
不要忘记用+连接
此外，这假设$（this）是一个实际对象。
<div id="parent-dv">
<lable for="posting">POST</lable>
<textarea style="width:400px; height:auto;"></textarea>
<input type="Submit" id="inputsubmit">
<button id="clear">Clear</button>
</div>
$(document).ready(function(){
$('#inputsubmit').on('click',function(event)
{
var $inpute2xt = $("#parent-dv").find('textarea').val();
$('#parent-dv').append("<p></p>").addClass("newp").append($inpute2xt);
}
);
}
);
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<div id="parent-dv">
<lable for="posting">POST</lable>
<textarea style="width:400px; height:auto;"></textarea>
<input type="Submit" id="inputsubmit">
<button id="clear">Clear</button>
<p></p>
</div>
</body>
</html>