Get optgroup label in a Bootstrap Select

Question

I have BootStrap select box and I am trying to find the optgroup of the selected option.

Here's a representation of a bootstrap select box with these options:

<li rel="1">
  <div class="div-contain">
     <div class="divider"></div>
  </div>
  <dt>
     <span class="text">Option Set 1</span> <!-- I NEED THIS: Option Set 1 -->
  </dt>
  <a tabindex="0" class="opt " style="">
    <span class="text">Option 1</span>
    <i class="fa fa-ok icon-ok check-mark"></i>
  </a>
</li>

<li rel="2" class="selected">
  <a tabindex="0" class="opt " style="">
    <span class="text">Option 2</span>
    <i class="fa fa-ok icon-ok check-mark"></i>
  </a>
</li>

EDIT: My recent try based on @Soren Beck Jensen answer:

$('i.check-mark').closest('li.selected').find('dt>span').text();

This gives me 'Option Set 1' for all and any options I select in the first dropdown.

Answer 1

Currently your example is wrong, but try this:

$('li.selected').find('dt').find('span').text();