javascript - 将一个元素的 xy 坐标与元素列表进行比较以找到匹配项 (jQuery)

Question

我有一个 10x10 的方形 div 网格，具有唯一的 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 的 xy 是

#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);