用JQuery搜索穀類屬性值

我在一個類中移動了幾個元素。用JQuery搜索穀類屬性值

<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')

但我想更通用的功能，這可能嗎？

來源

2012-10-17 H-Man

定義「通用」。你想對這個類的所有元素進行測試嗎？ –

爲什麼不把代碼添加到click事件處理程序中？所以移動它50px，然後做一個快速檢查，看看是否新值超過400. – JamesSwift

嘗試很少的resize.js插件http://benalman.com/projects/jquery-resize-plugin/ - 它工作得很好 – davidkonrad

入住這

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

來源

2012-10-17 06:25:05

只是這種嘗試爲所有

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

來源

2012-10-17 06:29:58

用JQuery搜索穀類屬性值

回答

相關問題