获取用“/”分隔的单词"与Regex合作
Getting words separated by " / " with Regex
我有以下代码片段:
HTML
<div class="colors">
<h1>Colors:</h1>
<div class="recipe"></div>
</div>
<div class="numbers">
<h1>Numbers:</h1>
<div class="recipe"></div>
</div>
<div class="people">
<h1>People:</h1>
<div class="recipe"></div>
</div>
JavaScript
var colors = 'yellow / black / purple',
numbers = '5 / 15 / 25',
people = 'Brad Pitt / Leonardo DiCaprio / Anne Hathaway';
$('.colors .recipe').html(colors.replace(/('w+)'/*/g, '<em>$1</em><br>'));
$('.numbers .recipe').html(numbers.replace(/('w+)'/*/g, '<em>$1</em><br>'));
$('.people .recipe').html(people.replace(/('w+)'/*/g, '<em>$1</em><br>'));
在jsFiddle中查看
我不擅长正则表达式,然后在各自的食谱上呈现分离的值时,我会得到意想不到的结果(您可以在上面发布的jsFiddle上看到更多)。
我的意思是,下面的结果显示给我:
[…]
Brad
Pitt
/Leonardo
迪卡普里奥
[…]
我想要和需要的是:
Brad Pitt
莱昂纳多·迪卡普里奥
没有斜线,没有分开的名字/姓氏。
您不需要regex。拆分方法可以完成任务:
var colors = 'yellow / black / purple',
numbers = '5 / 15 / 25',
people = 'Brad Pitt / Leonardo DiCaprio / Anne Hathaway';
function wrapEm(e) {
return "<em>" + e + "</em>";
}
people.split(" / ").join("<br/>");
$('.colors .recipe').html(colors.split(" / ").map(wrapEm).join("<br/>"));
$('.numbers .recipe').html(numbers.split(" / ").map(wrapEm).join("<br/>"));
$('.people .recipe').html(people.split(" / ").map(wrapEm).join("<br/>"));
拆分顾名思义,使用/
作为分隔符将字符串拆分为一个数组。
将正则表达式替换为:
/([^'/]+)'/*/g
与其用('w+)
来表示单词(不包括空格),不如用[^'/]+
来表示除斜杠之外的任何含义。
此正则表达式非常适用:
$('.colors .recipe').html(colors.replace(/('')?'//g, '<em>$1</em><br>'));
相关文章:
- 铬:“;未捕获的语法错误:意外的标记:"
- 可以设置“;文件名"发生错误时显示的内联脚本标记的
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 检测电话窃听,即:<a href="电话:xxx">在UIWebview上
- 使用“+="操作人员
- //而不是在src=“”上使用http://"属性
- "未捕获的语法错误:意外的标记}"
- 可以<脚本类型=“;text/javascript”>window.location=“/"</
- "实例范围”;TypeScript类的getter/setter
- Javascript复选框函数:;缺少:在属性id之后"
- "“;变量未引用正确的对象
- "日期“;AJAX请求返回的类型值未定义
- 得到"TypeError:无法读取属性'filename'未定义的“;调用“npm start
- Soundcloud api"未捕获的类型错误:无法读取属性'uri'“未定义”;
- "工具提示"jQuery插件坏了
- "锻造;React中的表达式
- 图像可以从源<img src=""/>.TEXT可以在没有javascript的情况下从外部
- 如何提取“;href"最近列表项中的属性值
- CKEditor如何允许href="javascript:void(0)"在小部件中
- 获取用“/”分隔的单词"与Regex合作