javascript - 使用 javascript 在跨越多个 div 标签的网页中搜索文本

Question

我正在构建一个扩展程序，它将在网页中搜索特定的文本片段，并在文本后面插入一张小照片。如果文本包含在 div 标签内，这些看起来相当简单。只需使用以下内容:

:contains(text)

但是，如果文本跨越多个 div 标签，我有点困惑如何继续......也许我可以迭代搜索？

Answer 1

尝试

var text = "def"
, img = "<img src=imageurl />";
$("div:contains("+ text +")")
.html(function(_, o) {
    return o.replace(new RegExp(text, "i"), text + img)
})

var text = "def"
, img = "<img src=http://lorempixel.com/20/20/>";
$("div:contains("+ text +")")
.html(function(i, o) {
    return o.replace(new RegExp(text, "i"), text + img)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>abc</div>
<div>abc</div>
<div>def</div>
<div>abc</div>
<div>def</div>