更改(document).ready上受regex影响的字符串的颜色
Change the color of strings affected by regex on (document).ready
我在这里要做的是,改变一些受正则表达式影响的单词的颜色。
$(document).ready(function(){
container = $("#modal_container section").text();
hashtags = /'#'w+/g;
var container_hash = container.match(hashtags);
$(container_hash).css({'color':'red'});
//We're grabbing the words, but how can I change the color?
alert(container_hash);
});
这里有一个小提琴http://jsfiddle.net/vuDzC/2/让它更清楚。
谢谢
你不能改变textnode/text的颜色,你应该用一个元素包裹匹配的文本,然后为该元素设置样式。
$("#modal_container section p").html(function(_, html) {
return html.replace(/('#'w+)/g, '<span class="red">$1</span>');
});
http://jsfiddle.net/vuDzC/4/这是您正在寻找的(或者应该是一个足够好的示例):
<script type="text/javascript">
$(document).ready(function(){
var text = $("#modal_container").html();
var myRegExp = new RegExp('''#''w+','gi');
var newtext = text.replace(myRegExp,'<span style="color:red;">$&</span>');
$("#empty").html(newtext);
});
</script>
<div id="modal_container">
#works<br />
# Desnt Work<br />
Not Even Close<br />
</div>
<div id="empty" style="margin-top:30px;">
</div>
$(function(){
var container = $("#modal_container section");
var htmlWrappedHashtags = container.html().replace(/'(#'w+)/g, '<span class="red">$1</span>');
container.html(htmlWrappedHashtags);
$(".red").css({'color':'red'}); // or better: include ".red {color: red;}" into your CSS
});
相关文章:
- 如何在JavaScript中将字符串转换为函数引用
- jQuery中是否内置了任何字符串格式化函数
- Javascript,有没有一种方法可以将数组写成没有逗号或空格的单个文本字符串
- ng打开空字符串
- 正则表达式在字符串中找到base64
- 如何将字符串值从php页面发送到java脚本页面
- 子字符串/正则表达式以获取字符串中保存的 SRC 值
- 字符串在将其传递给另一个活动Android JavaScript时读取Null
- JavaScript字符串串联中null的影响
- Javascript数组排序速度受字符串长度的影响
- 在不影响字符串的情况下修剪空格
- 参数在查询字符串中的位置如何影响页面
- 反转字符串而不影响任何特殊字符
- 更改受regex影响的字符串中URL的颜色
- 我如何子类化布尔来改变字符串表示,而不会在我的函数之外产生负面影响
- 更改(document).ready上受regex影响的字符串的颜色
- 如何影响传递给函数的字符串对象
- 如何在angular应用的url中添加自定义字符串而不影响其正常功能
- 如何在不影响字符串中2位数字的情况下替换字符串中的个位数
- 为什么我的字符串声明的位置会影响我的html编码实体是否会正确显示