Javascript jQuery通过特定div设置动画

是否可以使用特定路径使对象从一个位置移动到另一个位置？ 例如，当从pos1到pos2设置动画时，如果有一个类为“no ok”的div在途中，它不应该去那里，而是应该在它的左、右、上或下找到最近的名为ok的div。如果没有名为ok的div，它应该停止。 下图说明：

到目前为止，我只能从pos1设置到pos2的动画，但我不知道如何检查是否有div no ok，以及如何使用类ok找到最近的div

HTML:

  <div class="container">
        <div id="pos1"></div>
        <div class="ok"></div>
        <div class="no-ok"></div>
        <div class="ok"></div>
        <div class="pos2"></div>
    </div>

$('.container').click(function(){
    var pos1 = $('#pos1').position();
    $(this).animate({ 'top': pos1.top + 'px', 'left': pos1.left + 'px'}, 200, function(){
        //end
    });
});

---

动画结构需要如下所示：

var pTop = parseInt($('.container').css('top'));
var pLeft = parseInt($('.container').css('left'));

$('.container').click(function(){
    var $this = $(this);
    $this.stop().animate({'left': (pLeft * 2) + 'px'},1000,function(){
    //firt step = go 2x right
        $this.stop().animate({'top':  (pTop*3)  + 'px'},2000,function() {
        //second step = go 2x bottom
            $('.container').animate({"left": "-=100px"},1000);
            //third step = go begining left position
        });
    });
});​

---

动画结构需要如下所示：

var pTop = parseInt($('.container').css('top'));
var pLeft = parseInt($('.container').css('left'));

$('.container').click(function(){
    var $this = $(this);
    $this.stop().animate({'left': (pLeft * 2) + 'px'},1000,function(){
    //firt step = go 2x right
        $this.stop().animate({'top':  (pTop*3)  + 'px'},2000,function() {
        //second step = go 2x bottom
            $('.container').animate({"left": "-=100px"},1000);
            //third step = go begining left position
        });
    });
});​

---

谢谢你的回答，但我的意思是可以有任何随机的div类，所以应该看看它是否可以移动（例如，移动到只有类为“ok”的div）我无法理解你评论的问题，我只是做了我在你的问题图片上看到的事情。解释得更具体一些，或者选择accpet答案，如果它有效的话。谢谢你的回答，但我的意思是可以有任何随机的div类，所以应该看看它是否可以移动（例如，移动到只有div类“ok”）我不理解你的评论的问题，我只是做了我在你的问题图片上看到的。解释得更具体一些，或者选择合适的答案。