javascript - 如何查找单词在 div 中的位置(y 坐标)

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/