Question

我在课堂上学到了一些元素。

<div id="bno0" class="block" style="left: 50px; bottom: 50px;"></div>
<div id="bno1" class="block" style="left: 250px; bottom: 150px;"></div>
<div id="bno2" class="block" style="left: 450px; bottom: 250px;"></div>

$("#right").click(function(){
  $(".block").animate({"left": "+=50px"}, "slow"); 
});

我想知道其中一个被归为“left：400px;”

我可以通过以下方式检测到它：

if($("#bno2").css("left")=='400px')

但我想要一个更通用的功能，是否可能？

Answer 1

检查

FIDDLE //

我正在计算动画函数回调中的左边..希望它符合你的要求

$("#right").click(function() {

    $(".block").each(function(i) {
        var $elem = $(this)
        $(this).animate({
            "left": "+=50px"
        }, "slow", function() {
            if( parseInt($elem.css('left')) === 300){
                alert('Div with id : '+ $elem.attr('id') + ' left is 300 !!');
            }
        });
    });
});

Answer 2

只为这一切尝试

if($(".block").css("left")=='400px')

使用JQuery在类中搜索属性值

2 个答案: