Question

我要说的是:

<div id="mainContent">some random text. bla bla bla.</div>

请允许我指出,这个例子中的序号是random。我怎么能把形象放在这个词上?

换言之,我将不得不发现,与 Java文的四处,然后使用定期表述来找到关键词,然后可以总结一下,在一带内,关键词将一成不变。

我猜想,这方面最难部分的是,用一刀阔 the的词句??

edit

此外,我怎么能把形象放在这个词的中心? do 我不得不在一张桌子上总结?

Answer 1

第一,将四卷的内容储存在:

var x = document.getElementById( abc ).innerHTML;

然后,用包装版取代关键词。

var keyword = "test";
x.replace(keyword, "<span>"+keyword+"</span>");

之后又回去;

document.getElementById( abc ).innerHTML = x;

我认为,最好利用这一点:

x.replace(  + keyword +  , "<span>"+keyword+"</span>");

符合字边界。

Answer 2

For the answer you accepted, you have to know the id of the div that has the keyword. This solution is a bit more dynamic and uses jquery to find all divs with your keyword so you could place images on all of them.

JSFIDDLE

var keyword = "random";
var found = $( div:contains("  + keyword + ") );

$.each(found, function(){
    var wrapper =  <span class="whatever">  + keyword +  </span> ;
    var oldHtml = $(this).html();

    $(this).html(oldHtml.replace(keyword, wrapper));

});

edit

友情链接