[英]jquery wrap a e-mail address
我在文本中有几个电子邮件地址,它们保存在变量中。 电子邮件地址采用此格式test[-@-]test.com
。
现在我想用span元素<span>test[-@-]test.com</span>
包装每个电子邮件地址。
我怎样才能做到这一点?
使用回调函数要好得多:
var wrap = function(text) {
$("#Text").html( function(){
var patt1= new RegExp(text, "g");
return $("#Text").html().replace(patt1, function(match){return "<strong>"+ match +"</strong>"});
});
};
与http://www.javascriptkit.com/jsref/regexp.shtml#replacecallback一样
如果您的文本位于变量字符串中,则可以使用正则表达式:
str = str.replace(/([a-z]+\[-@-\][a-z]+\.[a-z]+)/g,'<span>$1</span>');
http://jsfiddle.net/mblase75/yjVFj/
但请注意, 将电子邮件地址与正则表达式匹配可能会非常棘手 。
用于创建一个新的span元素,如下所示:
var emailArray = ["test1[-@-]test.com", "test2[-@-]test.com", "test3[-@-]test.com"];
$.each(emailArray, function (index) {
emailArray[index] = $('<span>' + emailArray[index] + '</span>');
});
对于普通的vanilla JavaScript:
function wrap(text, element) {
return document.createElement(element).innerText(text);
}
否则,如果你正在使用jQuery, .wrap('span')
( jQuery API )
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.