Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在div(y坐标)中查找单词的位置_Javascript_Jquery_Html - Fatal编程技术网

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答案对您无效吗?添加图像以突出显示单词的代码在哪里?我想你误解了这个问题。。。