xとyの位置。

Question

私がleft-buttonでクリックすると、下の画像のように機能するはずです。

しかし、その代わりに、私のコードは、これをやっています。

Iは、例えば（以下バイオリンを参照）からなります。イメージでわかるように、私の現在の問題は次のとおりです。

（最初の行だけでなく）上記もすべて変更されています。

私の場合、私は.css('background-color', 'red')を使ってテストしています。

Here is my fiddle.

私はそれらの2つのポストに情報を収集しました。

• 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'); 
    }); 

});