reallyvisible selektor

Question

jQuery :visible i :hidden selektory są nieco mylące, oni wybrać elementy, które zużywają miejsca w dokumencie, więc coś z visibility:hidden jest klasyfikowany jako :visible mimo to nie o_O

muszę być w stanie wybrać Jedyne elementy, które są :reallyvisible, że widzę oczami przykład nie opacity:0 lub visibility:hidden

Oczywiście za element będzie widoczny wizualnie wszystkich jego przodkowie muszą być również widoczne więc zakładam rekurencyjny patrzeć drzewo byłoby konieczne .

Czy to zbyt drogie? Czy ktoś może zaproponować niezawodny skuteczny sposób, aby to osiągnąć?

Answer 1

Jak o:

$.expr[':'].reallyVisible = function(node, idx){ 

    while(true){ 

     // should be faster than $(node).css() 
     var css = document.defaultView.getComputedStyle(node, null); 

     if(css.opacity == 0 || css.visibility == 'hidden') 
     return false; 

    node = node.parentNode; 

    if(!node || node === document) 
     break; 
    }   

    return true; 
} 

http://jsfiddle.net/jxEFk/

Answer 2

Spróbuj kod:

function isVisible(el){ 
    if (el.css('opacity') != '0' && el.css('visibility') != 'hidden') { 
     return true 
    } 
    return false 
} 

$('myelement').filter(function() { 
    visible = true 

    if (isVisible($(this)) == false) 
     visible = false 

    $(this).parents().each(function(){ 
     if (isVisible($(this)) == false) 
      visible = false 
    }) 

    return visible == true 
}).html("I'm really visible !")