将一个元素的x y坐标与元素列表进行比较以找到匹配项（jQuery）

Question

我有一个10x10的正方形网格，其中包含唯一的ID（例如＃square1，＃square2到＃square100）

这些div中的每一个都在CSS中报告它们的X和Y位置。

说：

…#square42 {left:20px; top:400px; width:10px; height:10px;}
#square43 {left:30px; top:400px; width:10px; height:10px;}...

我想要做的是将页面上单独的选择器的X和Y位置与css中列出的方形div进行比较。如果那个选择器具有与其中一个方格相同的顶部/左侧值，那么就做一些事情。

即。 如果这个div的x y是

#squareElement {left:50px; top:70px;}

然后我可以为这个元素的ID

添加一个样式

#square75 

一些伪代码： 获取#squareElement顶部/左侧值，与＃square1到＃square100进行比较，如果相等则显示该ID的内部段落标记。

任何人都可以帮助我使用一些jQuery来实现这一目标吗？谢谢！

Answer 1

我不完全确定你要做什么。 jsfiddle示例似乎与您的问题完全不同。如果您正在尝试获取节点的位置，可能最简单的就是

var pos = $('#square1').position();
console.log(pos.left, pos.top);

或使用类似

的内容

$('#square1').css('left);