忽略溢出：jQuery中的隱藏元素

Question

我正在使用jQuery爲具有頁內編輯的webapp計算DOM元素的高亮蒙版。由於元素可以更改尺寸，因此在懸停時會動態計算蒙版。

其中一個元素是一個圖像卷軸，所以有一個溢出：隱藏在一個額外寬的div內的圖像。我遇到的問題是讓jQuery忽略溢出的元素：隱藏在其寬度/高度計算中。

總之：是否有一個jQuery選擇器忽略被溢出隱藏的DOM節點？

Answer 1

你可以創建一個cu自定jQuery選擇，像even或odd，你可以將其命名notOverflowHidden

$.expr[':'].notOverflowHidden = function(obj){ 
    return ($(obj).css('overflow') !== 'hidden'); 
}; 

，你可以得到與overflow屬性節點的集合不會隱藏，像這樣：

$('div:notOverflowHidden').each(...); 

Answer 2

現場演示：http://jsfiddle.net/ZYP8Z/

//for example I am selecting divs 
$(function(){ 
    $('div').each(function(){ 
     if($(this).css('overflow')!='hidden') 
      alert($(this).html()); //your action 
    }); 
}); 

Answer 3

是的，有...

$("*").each(function(){ 
//only pick those element from DOM whose css has overflow not equal to hidden 
if($(this).css("overflow") != "hidden"){ 
    //do your logic 
} 
}); 

更多jQuery選擇，請參閱以下鏈接

http://api.jquery.com/category/selectors/