Using javascript or jQuery to hide all list elements after a specific one

Question

What would be the quickest way to go through all of the list items in one unordered list and remove all of the items after a specified list item?

Example: Let's say the list will always contain an item with the text "Hobbies." The javascript bit will have to find that item and remove all of the li items after it.

Bergi · Accepted Answer · 2012-12-11 03:45:54Z

1

Using :contains and .nextAll:

$('li:contains("Hobbies.")').nextAll().hide();

answered Dec 11, 2012 at 3:45

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

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

1 Comment

user1729506 Over a year ago

nextAll! Awesome. I'll have to research that more. Thanks.

elclanrs · Accepted Answer · 2012-12-11 03:44:09Z

1

Grab your item using the :contains selector to look for "Hobbies". Then you can grab all li items after it with nextAll() and remove() them.

answered Dec 11, 2012 at 3:44

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

Comments

Tariqulazam · Accepted Answer · 2012-12-11 03:46:01Z

1

This will hide all the li elements after the specific one

$('li').filter(function(index) { return $(this).text() === "Hobbies"; }).nextAll().hide();

answered Dec 11, 2012 at 3:46

Tariqulazam

4,5831 gold badge38 silver badges44 bronze badges

2 Comments

user1729506 Over a year ago

Could you provide some info on contains vs. filter? Thanks!

Tariqulazam Over a year ago

contains will return items if the specific text is found anywhere within the text. For example 'I have Hobbies.' will be selected if you use contains. Filter gives you option to write your own function.

Collectives™ on Stack Overflow

Using javascript or jQuery to hide all list elements after a specific one

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related