jQuery + CSS element change

Question

I'm using the following code to set all classes of the element to display:none with the exception of the first instance.

How would I modify the code to set the classes all the elements todisplay:none with the exception of the SECOND instance only.

$(document).ready(function () {
    $('selectorForElement').slice(1).css('display', 'none');
});

Darin Dimitrov · Accepted Answer · 2011-09-24 14:10:29Z

5

A conjunction of :not() and :eq() selectors should do it:

$('.selectorForElement:not(:eq(1))').hide();

Live demo.

answered Sep 24, 2011 at 14:10

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

Comments

Cokegod · Accepted Answer · 2011-09-24 14:09:51Z

2

$('selectorForElement:eq(0), selectorForElement:gt(1)').css('display', 'none');

answered Sep 24, 2011 at 14:09

Cokegod

8,44410 gold badges33 silver badges47 bronze badges

Comments

JaredPar · Accepted Answer · 2011-09-24 14:10:41Z

2

Try the following

$(document).ready(function () { 
    $('selectorForElement:eq(0)').css('display', 'none'); 
    $('selectorForElement:gt(1)').css('display', 'none'); 
});

The :eq(0) selector will select the first element in the selector (index equals 0). The :gt(1) selector will select all items with an index greater than 1 which skips the first and second elements. The result is everything but the second element.

answered Sep 24, 2011 at 14:10

JaredPar

759k152 gold badges1.3k silver badges1.5k bronze badges

2 Comments

Vince P Over a year ago

What would I do to implement this then for the 3rd instance and so on?

JaredPar Over a year ago

@VincePettit I think Darin has the best answer here. His use of :not(eq(1)) allows you to filter out a specific element. Indexes are 0 based so you'd need :not(eq(2)) to filter out the 3rd.

Collectives™ on Stack Overflow

jQuery + CSS element change

3 Answers 3

Comments

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Related