jQuery文本html操作,以查找大量文本中出现的字符,然后更改其颜色
jQuery text html manipulation to find occurences of a char in a multitude of text then change it's color
我得到了这个HTML
<div id="oops_menuHldrs"
style=" border-top:5px solid #ccc; position:absolute; width:100%; background:#343434; bottom:0px; left:auto;">
<div style="position:absolute; background:#343434; border-radius:10px; border:1px solid #CCC; right:0px; top:-20px; padding:5px;">
<table id="opps_menu_links" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span><a href="../?abt=us">About us</a> black_text | black_text</span></td>
<td><span><a href="../?ourA=gent">Our Agents</a> black_text | black_text</span></td>
<td><span><a href="../contact=us">Contact us.</a> black_text | black_text </span></td>
</tr>
</table>
</div>
我被告知,使用jQuery
,选择所有|
并赋予它们红色。
我尝试了类似的东西:
$('#opps_menu_links').html(
$('#opps_menu_links').text()
.replace(/'|/,"<span style='color:#f00;'>|</span>"));
这会将所有内容转换为单个红色|
当然,如果没有jQuery
,这很容易,只需给每个|
穿上spans
......但是,您将如何使用具有尽可能少代码的jQuery
来做到这一点呢?
有什么帮助吗?
按如下方式更改脚本
http://jsfiddle.net/xHasy/
$('#opps_menu_links').html($('#opps_menu_links').html( ).replace(/'|/g,'<span style="color:red;">|</span>'));
一切都
是正确的,除了你忘记在正则表达式中放置全局匹配参数"g"
:
.replace(/'|/g,
//-----------^----place this
最终代码应为:
$('#opps_menu_links').html(
$('#opps_menu_links').text()
.replace(/'|/g,"<span style='color:#f00;'>|</span>"));
//---------------^----------place here
小提琴
相关文章:
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- ThreeJS将画布中的文本渲染为纹理,然后应用于平面
- 需要使用javascript获取输入文本,然后将其添加到句子中
- 我想重定向点击,然后更改按钮文本,我该怎么做
- 如何停止字幕文本一段时间,然后继续
- 如何放置ÅÄ和#214;在javascript数组中,然后将其与html文本进行比较
- Javascript重复模式匹配,然后输出到文本区域
- 如何删除元素的结束标记,添加一些文本,然后重新添加标记
- HTML表单选项(是或否)然后下拉文本区域
- 在HTML文本框中查找某些子字符串,然后用其他字符串替换它们
- 创建一个bookmarklet,可以检索文本框的所有最大长度,然后在表中打印id和最大长度
- 从文本框中附加url,然后使用javascript打开新窗口
- 如何检测移动浏览器(PHP/Javascript),然后进行图像/文本更改
- 文本框和选择框组合单个文本中的值(第一个tb值,然后是sb值)
- 如果所有三个文本框<>然后是100%
- 无法更新 Javascript 对象文本中的值,然后更新页面
- Chrome扩展程序获取DOM文本并在弹出窗口中显示.html然后单击按钮
- 如何将标签 ID 作为参数传递给 javascript 函数,然后根据需要获得不同标签的文本
- Javascript:从网页中获取文本,更改它,然后再次显示网页
- 如果输入文本然后删除,则文本框不会被验证为空