Игнорирование переполнения: скрытые элементы в jQuery

Question

Я использую jQuery для расчета масок высвечивания для элементов DOM для webapp с редактированием на странице. Поскольку элементы могут изменять размеры, маска рассчитывается динамически при наведении.

Один из элементов - это скроллер изображений, поэтому он имеет переполнение: скрыт с изображениями в дополнительном расширенном div. Проблема, с которой я сталкиваюсь, - это заставить jQuery игнорировать элементы с переполнением: скрытые в расчетах ширины и высоты.

Вкратце: существует ли селектор jQuery для игнорирования узлов DOM, скрытых переполнением?

Answer 1

вы можете создать cu льзовательская селектор JQuery, как even или odd и вы можете назвать его notOverflowHidden

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

и вы можете получить набор узлов с переливной свойством не спрятался, как так:

$('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/