> Oops. got the selector wrong. It should be:
> $( function() {
> $(div[class^=hide-BAT].hide();
> });
> Joe
You still didn't get it right :-)
$("div[class^=Hide-BAT]").hide();
To original poster:
if you want "fast", then you can't beat CSS with jQuery's hide method
have like:
<div class="Hide BAT1">
<div class="Hide BAT1">
.....
<div class="Hide BAT55">
and now the CSS class "Hide" is defined like so:
.Hide { display: none; }
But, I'd suggest really reading into some replies above, you shouldn't
be using class names this way..... if your <div> needs to be uniquely
identified, then ID is the way to go, and the class name "BAT" would
be used to grab all those uniquely identified <div>'s
so building on that (note: id's are not supposed to start with
numbers, hence the "B"):
<div id="B1" class="Hide">
<div id="B2" class="Hide">
.....
<div id="B55" class="Hide">
so now on page load, it'll see:
.Hide { display: none; }
and not show all 55 <div>'s
want to do something to item 35?
function Action(id) {
$("#B" + id).doSomething
}
Action("35")
want to do something to all 55 items?
$(".Hide").show()
doesn't that seem easier plus more importantly make more sense?
something like the suggested selector against your current structure
$("div[class^=hide-BAT]").hide();
while it *would work*, you need to understand why it is slow...
- first jQuery walks across the whole entire DOM tree grabbing every
single <div>, and that's whether it's one you are after or not
- then id needs to get every single class name, and do a (relatively
to other methods anyways) slow "end with" operator
Yuck.... and just think if you had 200 of those <div>'s, or 400 !
On Nov 11, 8:58 am, Joe Moore <joe.lynn.mo...@gmail.com> wrote:
> Oops. got the selector wrong. It should be:
>
> $( function() {
> $(div[class^=hide-BAT].hide();
>
> });
>
> Joe
>
> On Wed, Nov 11, 2009 at 8:38 AM, Joe Moore <joe.lynn.mo...@gmail.com> wrote:
> > $( function() {
> > $(div[class=hide-BAT$].hide();
> > });
>
> > I haven't tested this, but it should work. If not, verify the selector.
>
> > Not sure why you are giving a unique classname to all these elements. If
> > you need it, why not use the I'd attribute?
>
> > Regards,
> > Joe
>
> > On Nov 11, 2009 8:17 AM, "David pr" <davidpric...@gmail.com> wrote:
>
> > Hello,
>
> > Could you help me please. I have a list of hotel which I .hide
> > and .show div's to show more or less info.
>
> > so i have
>
> > <div class="Hide-BAT1 ... >
>
> > to
>
> > <div class="Hide-Bat55 … >
>
> > when the user press a button I use the code
> > var Hcode = $(this).attr("custom");
> > $('div.Hide-' + Hcode).toggle();
>
> > but when the page loads how do I hide this div automatically ?
>
> > I have used
>
> > for (i = 0; i <= 70; i++)
> > {
> > $("div.Hide-BAT" + i).hide();
> > }
>
> > But its slow and probably not the best way to do it ?
>
> > Hope you can help and this makes sense.
>
> > Regards
>
> > David
