所以我有一段看起来像这样的
HTML ……
<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);
}
});
});
