如何使用jQuery在textarea的指定行后插入文本？

嘿，这个需求其实用JavaScript就能轻松搞定，我给你一步步拆解怎么做：

首先，我们可以把textarea里的内容按换行符拆分成数组，找到第三行的位置，插入新文本后再拼接回去就行。具体步骤和代码如下：

• 先获取页面上的textarea元素
• 将textarea的内容按换行符拆分成字符串数组
• 使用数组的splice()方法，在第三行之后（也就是数组索引为3的位置，因为数组从0开始计数，第三行对应索引2）插入你的新文本
• 把修改后的数组重新拼接成带换行符的字符串，赋值回textarea

示例代码： #

// 获取页面中的textarea元素
const textarea = document.querySelector('textarea');
// 将textarea内容按换行拆分为每行的数组
const lines = textarea.value.split('\n');
// 在第三行之后插入指定文本
lines.splice(3, 0, 'this is my new text here!!!!!!!!!');
// 重新拼接数组为字符串并赋值给textarea
textarea.value = lines.join('\n');

效果验证 #

执行这段代码后，你的textarea内容就会变成：

line 1 text
line 2 text
line 3 text
this is my new text here!!!!!!!!!
line 4 text
line 5 text

如果你的textarea内容里的换行是Windows格式的\r\n，可以把split('\n')改成split(/\r?\n/)，这样能兼容不同系统的换行格式哦~

内容的提问来源于stack exchange，提问作者lol