jquery - jquery如何获取元素html加上textarea元素的文本

Question

我会直截了当。我创建了一个 textarea 元素，我必须返回标签 html 加上里面的文本。

var elemField = $('<textarea></textarea>');
elemField.val('bla bla this is my textarea text');
//changing some properties
elemField.attr("disabled", "disabled");
elemField.width('95%');    

找到了这个解决方案：

var elemFeldCode = elemField.clone().wrap('<p>').parent().html().toString();

输出：

"<textarea disabled="disabled" style="width: 95%;"></textarea>"

期望的输出：

"<textarea disabled="disabled" style="width: 95%;">bla bla this is my textarea text</textarea>"

任何人都可以帮助我以跨浏览器的方式抛出 jquery 吗？！

Answer 1

对于您想要的输出，您必须使用.text()将文本区域的内容设置为.val()不影响节点的 html。

elemField.text('bla bla this is my textarea text');

演示

Answer 2

您可以显式添加它：

var elemFeldCode = elemField.clone().wrap('<p>').parent().html()
    .replace('</',elemField.val()+'</').toString();