Question

我在DIV内有很多文字。我希望能够使用PHP正则表达式在字符串上搜索它，然后找到搜索到的文本的y位置，这样我就可以在它旁边放置一个图像。

我相信这是最好的方式，我不确定。但是，我无法弄清楚如何确定屏幕顶部有多少像素。有什么建议吗？

Answer 1

@ user1524441不确定这是不是你的意思，但从我的理解你想在特定搜索词旁边添加一个图像，如果是这种情况你可以使用以下方法假设你使用jquery：

var search = "Robin";
var text = $('.content').text();
$('.content').html(text.replace(search,'<span class="search-term" style="font-weight:bold;">' + search + '</span>'));
$('.search-term').before('<img src="url/goes/here" alt="" title=""/>');

这是一个显示其工作原理的jsfiddle http://jsfiddle.net/6YsfB/

Answer 2

您可以使用substring和indexOf

var serch = "Robin"
var text = "hi my name is Robin, what you so talk? I'm god";

document.write(text.substring(text.indexOf(serch),text.indexOf(serch)+(serch).length));

http://jsfiddle.net/5bejQ/1/

Answer 3

如果您在服务器上进行搜索，则可以输出包含在＆lt; span＆gt;中的已找到文本。带有某个CSS类的标签：

以下是一些文字，其中＆lt; span class =＆＃34;突出显示＆＃34;＆gt;感兴趣的文字＆lt; / span＆gt;突出显示。

然后你可以使用CSS＆＃34;内容＆＃34; property（http://css-tricks.com/css-content/）与：before或：after伪类一起显示高亮文本之前或之后的图像。

如何在div中找到单词的位置（y坐标）

3 个答案: