Question

I am a new bee using JQuery.

Both the statments does the job for me. But I couldnt understand what the > symbol in first is doing??

$("#OrganiastionSettingsAll > option:selected");

And

$("#OrganisationSettingsAll option:selected");

Thanks

Answer 1

The > symbol specifies that the option tags have to be children of #OrganiastionSettingsAll, not descendants.

For example:

<div id="outer">
   <div>
     <span>Foo</span>
   </div>
</div>

#outer span matches the <span> tag, but #outer > span does not.