我有以下html <p class="get">This is some content.</p>
我想做的就是使它像这样:<p class="get">This is <span>some</span> content.</p>
。
为了实现这一目标,我知道我应该:1.获取我的特定文本(完成...)
2.将我的文本包裹在span中(也这样做了......)
3.将我的文本替换为包含我的跨度的文本(尚未完成)
我的问题是第3步我只是不明白。那么我怎样才能用新的文本替换我的“旧”文本呢?
谢谢你们!!!
Fiddle here
我的代码如下所示:
$(document).ready(function(){
//get the whole text
var ptext = $(".get").text().split(" ");
var myText = ptext[2];
//alert(ptext[2])
//alert(myText);
if($('.get').text().contains(myText)){
//$('<span>'+myText+'</span>').appendTo($('.get'));
}
else{
alert('no text');
}
});
最佳答案
var word = "some",
regex = new RegExp("\\b" + word + "\\b", "g");
$(".get").html(function(i, html) {
return html.replace(regex, "<span>$&</span>");
});
关于javascript - 获取某些文本替换它并将其包装在跨度中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14838652/