jQuery - 如何获取具有类的元素的位置

标签 jquery css

我有一个 slider ,可以将一个类 (.current-item) 广告到每个打开的选项卡,并在它关闭时删除。 我想将 LavaLamp 用于菜单效果,我需要获取具有当前元素类的每个元素的位置。

我用过:

var my = $("li.current-item");

var myposition = my.position();

function setCurr(el) {

        $back.css({'top': myposition.top });

        curr = el;

};

但它只适用于一个元素(第一个)。 在 slider 删除该类并将该类添加到下一个 li 之后,什么也没有发生。

这是直播:http://asgg.ro/slider-html/ 脚本的 src 位于源代码的底部。

我是 jquery 的新手,我真的需要一些帮助! 非常感谢

最佳答案

var offset = $('.class_name').offset();

var x_pos = offset.left;
var y_pos = offset.top;

这将为您提供与视口(viewport)相关的元素的 X 和 Y 位置 希望这有帮助

关于jQuery - 如何获取具有类的元素的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3791395/

相关文章:

jquery - JQuery 中的 BG 图像预加载器

javascript - jQuery toggle() 错误

JQuery 事件绑定(bind)与 ['data-href'] 选择器不起作用

javascript - 将导航元素与 Logo 对齐 - Bootstrap 3

html - Wordpress:页脚下方的额外空间

javascript - Gulpfile 图像未在 css 中显示

jquery - 如何为 jQuery 实现标签插件

html - 什么是cufon和canvas以及如何覆盖它们

html - CSS 中的类/id 和自定义 HTML5 属性有什么区别?

php - 如何用图案填充图像