将一个元素'x y坐标与元素列表进行比较以查找匹配(jQuery)

Compare one element's x y coordinates to a list of elements to find a match (jQuery)

本文关键字：元素 比较 列表 查找 jQuery 一个 坐标      更新时间：2023-09-26

我有一个10x10的正方形div网格，每个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。如果那个选择器的top/left值与其中一个方块的值相同，那么就做点什么。

。如果这个div的xy为

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

那么我可以给这个元素的ID添加一个样式

#square75

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

谁能帮我用一些jQuery来完成这个?谢谢!

我不太确定你想做什么。jsfiddle的例子似乎与你的问题大不相同。如果你想获取节点的位置，最简单的方法可能是

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

或者使用

$('#square1').css('left);
相关文章：