Javascript 如何在div(y坐标)中查找单词的位置
我在Javascript 如何在div(y坐标)中查找单词的位置,javascript,jquery,html,Javascript,Jquery,Html,我在DIV中有很多文本。我希望能够使用PHP正则表达式在字符串上搜索它,然后找到搜索文本的y位置,这样我就可以在它旁边放置一个图像 我相信这是最好的方法,我不确定。然而,我不知道如何确定这条线距离屏幕顶部有多少像素。有什么建议吗?您可以使用子字符串和索引of var serch = "Robin" var text = "hi my name is Robin, what you so talk? I'm god"; document.write(text.substring(text.ind
DIV
中有很多文本。我希望能够使用PHP正则表达式在字符串上搜索它,然后找到搜索文本的y
位置,这样我就可以在它旁边放置一个图像
我相信这是最好的方法,我不确定。然而,我不知道如何确定这条线距离屏幕顶部有多少像素。有什么建议吗?您可以使用
子字符串和索引of
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));
@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=""/>');
var search=“Robin”;
var text=$('.content').text();
$('.content').html(text.replace(search,“+search+”);
$('.search term')。在('')之前;
下面是一个JSFIDLE,显示了它的工作原理如果您在服务器上进行搜索,您可以使用特定的CSS类输出包装在标记中的找到的文本:
下面是一些突出显示感兴趣的文本
然后,您可以将CSS“content”属性()与:before或:after伪类结合使用,在突出显示的文本之前或之后显示图像。可能重复的@user1524441答案对您无效吗?添加图像以突出显示单词的代码在哪里?我想你误解了这个问题。。。