所以我有一段看起来像这样的
HTML ……
@H_404_19@解决方法
- <p>This is some copy. In this copy is the word hello</p>
我想使用jquery将单词hello转换为链接.
- <p>This is some copy. In this copy is the word <a href="">hello</a></p>
这本身并不太难.我的问题是,如果这个词已经是一个链接,如下面的例子…
- <p>In this copy is the <a href="">word hello</a></p>
- <p>In this copy is the <a href="">word <a href="">hello</a></a></p>
任何帮助将非常感激.
一个小正则表达式应该做的伎俩(更新,见下文)：
- $(document).ready(function(){
- var needle = 'hello';
- $('p').each(function(){
- var me = $(this),txt = me.html(),found = me.find(needle).length;
- if (found != -1) {
- txt = txt.replace(/(hello)(?!.*?<\/a>)/gi,'<a href="">$1</a>');
- me.html(txt);
- }
- });
- });
小提琴：http://jsfiddle.net/G8rKw/
编辑：此版本更好：
- $(document).ready(function() {
- var needle = 'hello';
- $('p').each(function() {
- var me = $(this),found = me.find(needle).length;
- if (found != -1) {
- txt = txt.replace(/(hello)(?![^(<a.*?>).]*?<\/a>)/gi,'<a href="">$1</a>');
- me.html(txt);
- }
- });
- });
小提琴：http://jsfiddle.net/G8rKw/3/
再次编辑：这次,“hello”作为变量传递给正则表达式
- $(document).ready(function() {
- var needle = 'hello';
- $('p').each(function() {
- var me = $(this),found = me.find(needle).length,regex = new RegExp('(' + needle + ')(?![^(<a.*?>).]*?<\/a>)','gi');
- if (found != -1) {
- txt = txt.replace(regex,'<a href="">$1</a>');
- me.html(txt);
- }
- });
- });
