Jquery 在特定字符之间换行所有单词
我有一些不同元素的文本。我想要的是在span元素中的特定字符/之间包装所有单词。见下面的例子Jquery 在特定字符之间换行所有单词,jquery,regex,string,Jquery,Regex,String,我有一些不同元素的文本。我想要的是在span元素中的特定字符/之间包装所有单词。见下面的例子 <ul> <li>/Lorem Ipsum/ has been the industry's standard.</li> <li>With desktop publishing software like Aldus PageMaker including versions of /Lorem Ipsum../</li> <li>
<ul>
<li>/Lorem Ipsum/ has been the industry's standard.</li>
<li>With desktop publishing software like Aldus PageMaker including versions of /Lorem Ipsum../</li>
<li>There are /many/ variations of passages of /Lorem/ Ipsum available, but the..</li>
</ul>
- /Lorem Ipsum/已成为行业标准
- 使用Aldus PageMaker等桌面发布软件,包括/Lorem Ipsum版本/
- 有/Lorem/Ipsum的/许多/变体可用,但是
我想知道这是否可能。因为据我所知,每个元素只能取一个单词。例如,此元素在/之间有两个单词
<li>There are /many/ variations of passages of /Lorem/ Ipsum available, but the..</li>
有/Lorem/Ipsum的/many/variation段可用,但
应该是
<ul>
<li><span class="wrapped">Lorem Ipsum</span> has been the industry's standard.</li>
...
- Lorem Ipsum已成为行业标准
...
使用正则表达式/\/(.*?\//g
和html()
接受回调函数
正则表达式将匹配由斜杠包围的字符串<代码>(.*)将斜杠内的字符串添加到第一个捕获的组中,该组可用于替换零件
注意:我假设li
中没有嵌套的HTML元素
$('ulli').html(函数(i,html){
返回html.replace(//(.*?\//g,$1');
});代码>
span.高亮显示{
字体大小:粗体;
颜色:绿色;
}
- /Lorem Ipsum/已成为行业标准
- 使用Aldus PageMaker等桌面发布软件,包括/Lorem Ipsum版本/
- 有/Lorem/Ipsum的/许多/变体可用,但是
非常好用@Tushar,谢谢!小问题:$1
是什么意思?在span
标记之间?我试着去学习它。@Appel它是第一个捕获到的组值。在本例中,/
和/
之间的字符串。括号中匹配的任何内容都将添加到捕获的组\/(something)\/
中,例如$1
将是something
。