What JQuery selector excludes items with a parent that matches a given selector?

Question

I have

var $set = $(\'.foo,.bar\').filter(
    function() {return $(this).parents(\'.baz\').length < 1;});

as a way to select all the el

Answer 1

try this one:

$('div').filter(function () {
  return ($(this).parent().not('.baz'));
})

Answer 2

var $li = jQuery('li', this).not('.dropdown-menu > li');

I'm using Roots theme and they change the dropdowns from 'sub-menu' to '.dropdown-menu'

Answer 3

$('.foo:not(.baz .foo),.bar:not(.baz .bar)')

Answer 4

I couldn't get this to work:

$(".children:not(#parent .children)");

But I can get this to work:

$(".children").not($("#parent .children"));

Note: Not sure if this has something to do with the jQuery version I'm using 1.2.6

Answer 5

Add a :not('.baz') to your top level selector.

Answer 6

The selector chaos gives should work:

$('.foo:not(.baz .foo),.bar:not(.baz .bar)')

Just wanted to give you a tip about an extension to FireBug called FireFinder that you can use to test your css/jquery selectors.

From the website: Firefinder is an extension to Firebug (in Firefox) and offers the functionality to, in a quick way, find HTML elements matching chosen CSS selector(s) or XPath expression. It allows you to instantly test your CSS selectors in the page while seeing the content at the same time, and matching elements will be highlighted.