javascript - ウィンドウの位置に基づいて div 要素のコンテンツにアクセスする

Question

ページに 2 つの div 要素があり、両方の div がページの上部から同じ距離にあるが、水平方向の距離だけ離れているように配置されています。両方の div 要素には、Javascript/jQuery を使用して動的に入力されたテキストがあります。両方の div に同じ (または一致する) テキストが含まれている場合に何らかのアクションを実行できるように、2 つの div 内のテキストにアクセスしたいと考えています。Javascript/jQuery を使用して div の位置に基づいてこれを行う方法はありますか? 特定の制約があるため、id の明白な解決策を使用できません。

Answer 1

位置の使用に基づいて div を識別しようとしている場合.offset()

- .offset() の API ドキュメント

Answer 2

必要な 2 つの div が 100, 100 と 100, 300 にあるとしましょう:

var all_divs = $("div");
var div1;
var div2;

for (var i=0; i<all_divs.length; i++){
    var o = $(all_divs[i]).offset();

    if (o.top == 100 && o.left == 100) {
        div1 = all_divs[i];
    }

    if (o.top == 100 && o.left == 300) {
        div2 = all_divs[i];
    }
}

var polling = setInterval(function(){
    if ($(div1).text() == $(div2).text()) {
        perform_some_action();
        clearInterval(polling);
    }
}, 500);