Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery更改文本区域中的特定字符颜色?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何使用jquery更改文本区域中的特定字符颜色?

Javascript 如何使用jquery更改文本区域中的特定字符颜色?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一行文本在文本区如下 <textarea>This is a line of text for test.</textarea> 这是一行测试文本。 现在我想改变一些字符的颜色如下。 我不想更改HTML textarea标记以显示此文本。我想使用jQuery实现。我该怎么做呢?您不能更改颜色,但您可以选择一个特定的字符(通过JavaScript高亮显示) 请参见尝试以下操作: <textarea>This is a line of text for

我有一行文本在文本区如下

<textarea>This is a line of text for test.</textarea>
这是一行测试文本。
现在我想改变一些字符的颜色如下。


我不想更改HTML textarea标记以显示此文本。我想使用jQuery实现。我该怎么做呢?

您不能更改颜色,但您可以选择一个特定的字符(通过JavaScript高亮显示)

请参见尝试以下操作:

<textarea>This is a line of text for test.</textarea>

<script>
var counter = 0;
var newTextArea = new Array();
var currentText = $("textarea:first").val();

do{
    var currentLetter = currentText.charAt(counter);
    if(!(counter % 4)){
        $(currentLetter).css('color', 'red');
    }
    newTextArea.push(currentLetter);
    counter++;
}while(counter < currentText.length);

$("textarea:first").val(newTextArea.toString());
</script>
这是一行测试文本。
var计数器=0;
var newTextArea=新数组();
var currentText=$(“textarea:first”).val();
做{
var currentLetter=currentText.charAt(计数器);
如果(!(计数器%4)){
$(currentLetter).css('color','red');
}
newTextArea.push(当前字母);
计数器++;
}while(计数器
这里有一个解决方案。但是jQuery代码只运行一次

var alpha=[“s”、“x”、“e”、“T”];
var res=“”,cls=“”;
var t=$(“#txt”).text();

对于(i=0;i您知道要更改哪个字母表的颜色吗?您确定html永远不会更改吗?这可能会对您有所帮助。我希望在同一个文本区域中看到结果。我不希望在另一个结果分区中看到结果。是否可能?我已附加了答案。请查看链接