JQuery if optgroup does not contain

Question

I need help with jQuery below, this does not work for me. I want to perform some actions only if <optgroup label="Knowledge Base"> does not exist

My HTML (which cannot be changed):

 <select id="entry_forum_id" name="entry[forum_id]"> <optgroup label="Knowledge Base"> … </optgroup> <optgroup label="Incidents"> … </optgroup> <optgroup label="Articles"> … </optgroup> </select> 

My jQuery attempt:

 if($('optgroup:not([label="Knowledge Base"])')) { alert('test'); } 

Answer 1

$('optgroup:not([label="Knowledge Base"])') label = "Knowledge Base"])') returns a jQuery wrapper object, you need to check its length property to see whether it contains any elements

You need to test

 if($('optgroup[label="Knowledge Base"]').length == 0) { alert('test'); } 

Answer 2

I don’t think you need a pseudo selector: no. Just check if optgroup is with this label:

 if($('optgroup[label="Knowledge Base"]').length == 0) { 

Fiddle