x和y位置。扫雷式

Question

当我点击我的left-button它应该像下面的图片。

但是，相反，我的代码是这样做的。

我提出的例子（参见下面的小提琴）。正如你在图片中看到的，我目前的问题是：

所有上面和下面（不仅是第一行）也在改变。

在我的小提琴示例中，我使用.css('background-color', 'red')进行测试。

Here is my fiddle.

我聚集在这两个职位信息。

• jQuery x y document coordinates of DOM object
• jQuery: get elements above a given 'y' position

Answer 1

不知道你涨势想要什么，但试试这个：

$.expr[':'].xy = function (obj, index, meta, stack) { 
    var xy = meta[3].split(','); 
    var x = xy[0]; 
    var y = xy[1]; 
    var el = $(obj); 
    var el_offset = el.offset(); 
    return el_offset.left == y && (el_offset.top-el.height() == x || el_offset.top+el.height() == x); 
} 

working example

UPDATE：

嗯，你可以选择所有的人都像这样：

$.expr[':'].xy = function (obj, index, meta, stack) { 
    var xy = meta[3].split(','); 
    var y = xy[0]; 
    var x = xy[1]; 
    var el = $(obj); 
    var el_offset = el.offset(); 
    // check for top and bottom 3 blocks 
    if ((el_offset.top-el.height() == y || el_offset.top+el.height() == y) && (el_offset.left+el.width() == x || el_offset.left == x || el_offset.left-el.width() == x)) 
     return true; 
    // left and right 
    else if (el_offset.top == y && (el_offset.left+el.width() == x || el_offset.left-el.width() == x)) 
     return true; 

    return false; 
} 

，然后这样做：

$(document).ready(function myfunction() { 

    $('.content').on("click", function() { 
     var obj_left = $(this).offset().left; 
     var obj_top = $(this).offset().top; 

     $('#wrap').find('.content:xy(' + obj_top + ',' + obj_left + ')').css('background-color', 'red'); 
    }); 

});