Hiding all li items except one

Question

How could i hide all li items except one?? I would like to hide all element s of li excepting a particular li item

Will this work??

        $(".divmenu").find('li').css("display", "none");
        $(".divmenu").find('li nth-child(4)').css("color", "red");

Or like this??

       $(".divmenu").find('li:not(nth-child(4))').css("display", "none");

This one seems simple but it is not working ..Might be wrong syntax?? Please anybody provide simple and efficient techniques

"*Will this work?*" - here's an idea: try it, and then ask us a question if it doesn't. — David Thomas, Jun 09 '14 at 12:22
You're missing a : in your selector, should be :nth-child(4). See documentation here http://api.jquery.com/nth-child-selector/ — GillesC, Jun 09 '14 at 12:23

score 1 · Accepted Answer · answered Jun 09 '14 at 12:27

1

$(".divmenu").not(":nth-child(4)").css("display", "none");

answered Jun 09 '14 at 12:27

Amit Singh

2,267
4
25
50

1

I found a better way to do this using `$(".divmenu li").not(":eq(3)").hide();` Note that `:eq()` selector indexes start with zero (0). – Oct 10 '15 at 17:40

score 0 · Answer 2 · answered Jun 09 '14 at 12:24

0

Try this:

$(".divmenu").find('li').not(':nth-child(4)').css("display", "none");

answered Jun 09 '14 at 12:24

Bhojendra Rauniyar

83,432
35
168
231

score 0 · Answer 3 · answered Jun 09 '14 at 12:54

0

try this,will work

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script>
$(function() {


$(".divmenu li").not('li:nth-child(2)').hide();  

}); 
</script>

answered Jun 09 '14 at 12:54

Mr7-itsurdeveloper

1,631
2
17
24

Hiding all li items except one

3 Answers3