JQuery .find() with multiple criteria

Question

I'm trying to add multiple criteria to JQuery find() and couldn't make any progress.

Working code

$("#left-menu-bar").find("li:not(.login)").each(function(){loadframe(this);})

I'm trying to add logout class as well to the above find criteria and couldn't make it work.

My attempt:

$("#left-menu-bar").find("li:not(.login)").find("li:not(.logout)").each(function(){loadframe(this);})

Any error you see in the browser devtool console? What is not working ? let us know please. — Arup Rakshit
– Arup Rakshit, Commented Jan 14, 2020 at 17:56
First line of code is returning all the ListItems that matches the selection criteria. where as the second line of code is not returning anything — BetterLateThanNever
– BetterLateThanNever, Commented Jan 14, 2020 at 18:02

Ryan Wilson · Accepted Answer · 2020-01-14 18:00:18Z

1

You can use multiple CSS selectors in not(), so just change your selector to this:

$("#left-menu-bar").find("li:not(.login,.logout)").each(function(){loadframe(this);})

answered Jan 14, 2020 at 18:00

Ryan Wilson

10.9k3 gold badges23 silver badges46 bronze badges

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

1 Comment

Yoo.. That is easy peasy.. Thanks much !!! You saved a lot of time. I regret not posting it earlier. :)