Javascript 如果语句比较位置

我们正在进行另一场比赛，我们有几个问题的答案。现在的问题是，我需要比较鲸鱼和鱼的位置，并给出答案

有人知道怎么做吗

var Keys = {
    left: 37,
    right: 39,
    up:38,
    down:40
}

function Start(){    
    $("#start").hide();
    alert ("test start weg");
    Opdr1();
}

$(function(){
    $(document).keydown(function(e){
        switch(e.which){
            case Keys.right:
                $("#whale").css("left", "+=10px");
                $("#whale").attr("src", "pacman-right.png");
                break;
            case Keys.left:
                $("#whale").css("left", "-=10px");
                $("#whale").attr("src", "pacman-left.png");
                break;
            case Keys.up:
                $("#whale").css("top", "-=10px");
                break;
            case Keys.down:
                $("#whale").css("top", "+=10px");
                break;
        }
    });
});

function Opdr1(){
    $(".bubbel").css("visibility", "visible");
    $(".vis1-1").css("visibility", "visible");
    $(".vis2-1").css("visibility", "visible");
    $(".vis3-1").css("visibility", "visible");
    $(".vis4-1").css("visibility", "visible");

        //if the whale's css left and top is the same as the left and top of the vis-1 then { }

        if($("#whale").css("left") == ("left") {
            alert('vis-1 fout');
        }
        if($("#whale").css('left') == (".vis2-1").css('left')) {
            alert('vis-2 fout');
        }
        if($("#whale").css('left') == (".vis3-1").css('left')) {
            alert('vis-3 fout');
        }
        if($("#whale").css('left') == (".vis4-1").css('left')) {
            alert('vis-4 fout');
        }

}

您需要比较两个对象的属性

比如说,

if ( $("#whale").offset().top == $(".vis-1").offset().top )
{
}

同样地

if ( $("#whale").offset().left == $(".vis-1").offset().left )
{
}

---

什么答案？您不能比较这两个元素的值吗？寻求调试帮助的问题（“为什么此代码不工作？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：。