Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.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 我怎样才能做到;风格.物业“;在多个元素上工作?_Javascript_Jquery - Fatal编程技术网

Javascript 我怎样才能做到;风格.物业“;在多个元素上工作?

Javascript 我怎样才能做到;风格.物业“;在多个元素上工作?,javascript,jquery,Javascript,Jquery,我想让这个脚本在多个元素上工作 $(document).ready(function(){ var tooltipSpan = $('.hover-infobulle'); if (tooltipSpan.length) { window.onmousemove = function (e) { var x = e.clientX, y = e.clientY; tooltipSpan.style.top = (y

我想让这个脚本在多个元素上工作

$(document).ready(function(){
    var tooltipSpan = $('.hover-infobulle');

    if (tooltipSpan.length) {
        window.onmousemove = function (e) {
            var x = e.clientX, y = e.clientY;
            tooltipSpan.style.top = (y + 20) + 'px';
            tooltipSpan.style.left = (x + 20) + 'px';
        };
    }
});
如果我不在“tooltipSpan.style”中的“tooltipSpan”旁边添加[0],此脚本将无法工作。但我希望它能处理多个元素

$(document).ready(function(){
    var tooltipSpan = $('.hover-infobulle');

    if (tooltipSpan.length) {
        window.onmousemove = function (e) {
            var x = e.clientX, y = e.clientY;
            tooltipSpan.style.top = (y + 20) + 'px';
            tooltipSpan.style.left = (x + 20) + 'px';
        };
    }
});

如何执行此操作?

使用
for
语句在元素上循环

…或者只使用jQuery
css()
方法,因为您已经有了一个jQuery对象

要引用文档,请执行以下操作:


$(this)
替换为您已有的jQuery对象,将
“color”、“red”
替换为您要更改的属性和值。

使用
for
语句循环元素

…或者只使用jQuery
css()
方法,因为您已经有了一个jQuery对象

要引用文档,请执行以下操作:


$(this)
替换为您已经拥有的jQuery对象,将
的“color”、“red”
替换为您想要更改的属性和值。

在同一位置有多个工具提示是没有意义的。将所有工具提示放入另一个元素,即#工具提示,然后将其移动。然后将工具提示附加到该元素。

在完全相同的位置有多个工具提示是没有意义的。将所有工具提示放入另一个元素,即#工具提示,然后将其移动。然后将工具提示附加到该元素。

我不明白:它是如何位于“完全相同的位置”的?实际上,我在一个轮廓上有多个点,当用户悬停一个或另一个点时,我希望它显示一个工具提示(仅当它悬停时)。用户不能同时显示两个工具提示。如果在所有工具提示中设置tooltipSpan.style.top,则它们都位于同一位置。(对不起,我添加了精度,我是stackoverflow新手!)是的,但是您需要多个tooltipSpan吗?你就不能有一个,然后根据悬停的元素改变它的内容吗?我不明白:那怎么会在“完全相同的位置”?实际上,我在一个轮廓上有多个点,当用户悬停一个或另一个点时,我希望它显示一个工具提示(仅当它悬停时)。用户不能同时显示两个工具提示。如果在所有工具提示中设置tooltipSpan.style.top,则它们都位于同一位置。(对不起,我添加了精度,我是stackoverflow新手!)是的,但是您需要多个tooltipSpan吗?您不能只拥有一个,并根据悬停的元素更改其内容吗?jQuery是修改结果集中所有元素的样式属性的函数。jQuery是修改结果集中所有元素的样式属性的函数。如何在脚本上使用
css()
方法?我看了文档,但有点迷路了。对不起,我是初学者:(如何在脚本上使用
css()
方法?我看了文档,但有点迷路。对不起,我是初学者:(