jquery - 在字符串中查找文本并在其他地方添加 prependTo

Question

我正在尝试找到一些文本 RegEx/\w*http:[/][/]bit.ly[/]\w*/ig来找到该字符串并将其拉出，将其移动到<span>标签或标签末尾<p>？

<p class="regex">Text before http://bit.ly/wtGAhsu sometext here, doesn't matter how long this is.... <span></span></p>

$("p:regex('(\w*http:[/][/]bit.ly[/]\w*)')").addClass('active');

以上是我到目前为止所拥有的（只是选择了 p），我已经尝试过.highlight()，但我现在不确定要抓取文本并移动它，非常感谢任何帮助。

谢谢

Answer 1

尝试以下操作：

HTML：

<div id="moveToArea"></div>

Javascript：

$("p:regex('(\w*http:[/][/]bit.ly[/]\w*)')").addClass('active');
var item = $(".active")
$("$moveToArea").append(item, function(){
item.fadeOut();
});

Answer 2

你可以使用这样的东西：

$("p.regex").each ( function () {
    var jThis   = $(this);
    var newSrc  = jThis.text ().replace (/^(.*)(https?\:\/\/bit\.ly\/\w+)(.*)$/i, '$1$3<span>$2</span>');
    jThis.html (newSrc);
} );

请注意，此版本假定每个段落最多有一个链接。

在 jsFiddle 上查看它的实际效果。