更改文本区域 jquery 内的 html 标记之间的文本

Posted 2023-05-07

【中文标题】更改文本区域 jquery 内的 html 标记之间的文本

【英文标题】：change text between html tags that are inside a textarea jquery

【发布时间】：2013-01-10 19:55:58

【问题描述】：

如何使用 jQuery 在文本区域内的 id 的 html 标记之间更改文本。

<textarea><div id="tochange">Text</div></textarea>

如何更改 #tochange 中的“文本”，当然这将显示为 HTML 代码，就像它在 textarea 中一样。

【问题讨论】：

见***.com/questions/13982727/…

What have you tried?

【参考方案1】：

$('textarea').val( 
   $('<div />').append( $($('textarea').val()).text('something') ).html() 
);

FIDDLE

【讨论】：

谢谢。只是好奇，textarea中有两个div是什么id？

@Ravensmith450 - 你只需使用基本的 jQuery 选择器就可以做到这一点，这里是 FIDDLE...

您好，再次感谢，我输入了一个普通文本，它丢失了，jquery 用 val <textarea><div id="tochange">Text</div><div id="nochange">More Text</div>test</textarea> 覆盖它

@Ravensmith450 - 没错，它使用 jQuery 根据您的问题解析 HTML，其中 textarea 仅包含有效 HTML，如果您开始将 textnodes 或无效标记混合到 textarea 中，您将不再拥有使用 jQuery 来解析和选择元素的奢侈，你将不得不使用正则表达式，或者创建一个更复杂的函数来理解无效的标记和文本节点。