changing CSS for specific ID used on multiple tags through jquery

Question

I want to hide all div's except the first of a certain id. I tried to write my own jquery but it seems to not be working.

    $("div.hero-featureSwap:not(:first)").css({display:none});

would this hide all the div tags that have an ID of "hero-featureSwap" except the first one? That is my end result

Barmar · Accepted Answer · 2014-07-07 23:50:54Z

3

the value in the CSS object must be a string:

.css({display: "none"});

or:

.css("display", "none");

Or you could just use jQuery's hide() method:

$("div.hero-featureSwap:not(:first)").hide();

answered Jul 7, 2014 at 23:50

Barmar

789k57 gold badges555 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

user3777012 Over a year ago

would this work if the hero-featureSwap is an ID and not a class tag?

Barmar Over a year ago

If it's an ID then there can only be one of them, so :not(:first) makes no sense. It's the only one, so it's always first.

user3777012 Over a year ago

I was trying to had the divs in a carousel because they were overlapping eachother. By doing this, I hide all except the first one. Is there a CSS property that will hide the 2nd+ divs?

Barmar Over a year ago

display: none is the correct property. Is your question about the property or the selector?

Barmar Over a year ago

But it sounds like your confusion is about the proper way to construct the HTML, and the difference between classes and IDs.

Collectives™ on Stack Overflow

changing CSS for specific ID used on multiple tags through jquery

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related