JSFiddle - React, Tailwind, and code Playground

HTML

<p id="log">e</p>

<select id='someSelect'>
    <option value="0">---select one---</option>
    <optgroup label="Bikes">
        <option value="B-4">Hayabusa</option>
        <option value="B-2">GSXR</option>
        <option value="B-3">Ninja</option>
        <option value="B-6">Enticer</option>
    </optgroup>
    <optgroup label="Cars"> 
        <option value="C-4">Audi TT</option>
        <option value="C-2">Fucking Awesome Car</option>
        <option value="C-23">Japanese car</option>
        <option value="C-9">German car</option>
    </optgroup>
</select>

CSS

#log{
    margin:0 5px 35px 5px;
}

JavaScript

$(function() {
    $('#someSelect option:nth-child(1)').each(function (e, s) {
        log(s);
    });
    
}
  
  
function log(msg){
    $('p#log').text($('p#log').text() + msg);
}