Jquery select visible without using :visible?

The only way I see is to add a custom class that hides elements (instead of inline style): hidden { display: none; } text text text Myclass'). Filter(function() { return this.style. Display!

== "none"; }). Length Of course this won't work if some elements have display:none set by you and not by the UI tabs plugin. But it might be sufficient in your situation.

The only way I see is to add a custom class that hides elements (instead of inline style): . } text text text Then you can count the "visible" ones with $('. Myclass:not(.hidden)').length.

Update: If you actually only have to find the elements which display property is not none, .filter() could do the job: var count = $('. Myclass'). Filter(function() { return this.style.

Display! == "none"; }). Length; Of course this won't work if some elements have display:none set by you and not by the UI tabs plugin.

But it might be sufficient in your situation.

Felix good thinking but this is a hidden jquery ui tab and I have to parse on some event – ntan Feb 16 at 11:05 @ntan: I don't understand. You mean you cannot influence the whether the style is set inline or adding a class? – Felix Kling Feb 16 at 11:06 @Felix the style="display:none" is added by the ui tabs not be me ( I mean the tab panel is not selected) – ntan Feb 16 at 11:10 @ntan: Ok, I understand.

Please have a look at my update. – Felix Kling Feb 16 at 11:12 @Felix seems elegant I will give it a try – ntan Feb 16 at 11:15.

I'd use Felix's way. But if you really want an alternative without changing your markup, this should work: var wrapper, visibles; wrapper = $("#wrapper"); wrapper.show(); visibles = wrapper. Find(":visible"); wrapper.hide(); Live example As long as you don't have a yield in there (setTimeout, etc.), odds are high the browser won't actually show anything during the brief interval in which the wrapper is visible.

You can check the display property directly, eg: $('#wrapper p. Myclass'). Each(function(){ alert($(this).

Attr('style')); } will show you the value of the style attribute. You can also do this.style. Display to access the display property directly.

Try: alert ( $("#wrapper . Myclass:visible").size()); Result was 2 when I tried it :).

(E.g. , with a CSS rule.) Apparently his is. – T.J. Crowder Feb 16 at 11:05 1 @Anriette, @Brian: Doesn't work when you actually do what the OP said and make sure the wrapper is hidden: jsfiddle.

Net/P9gth/4 – T.J. Crowder Feb 16 at 11:08 Yes it was hidden. – Brian Feb 16 at 11:09 @T.J.Yeah, I saw, I added the CSS in this one jsfiddle. Net/AnrietteC/P9gth/7 and yeah, it didn't work.

– Anriëtte Combrink Feb 16 at 11:12 1 You mean you got 2 even when the wrapper was hidden? You have two counterexamples now that show it does not work ;) – Felix Kling Feb 16 at 11:14.

If you have set the wrapper to dden or opacity 0 you can acces throught the :hidden selector checkout the Jquery reference.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions