JSFiddle - React, Tailwind, and code Playground

Get grand-grand children value

by Bianca Kuehweidner

HTML

<td style="display: table-cell;" colspan="2">

<select name="Selected_UserGroup" id="ddUserGroup" style="display: none;">
<option value=""></option>
<option value="HLKF_ELVIS_D_Backoffice">Backoffice</option>
<option value="HLKF_ELVIS_D_Direktkundenteam">Direktkundenteam</option>
<option value="HLKF_ELVIS_D_Flugabteilung">Flugabteilung</option>
<option value="HLKF_ELVIS_D_Künstler">Künstler</option>
<option value="HLKF_ELVIS_D_Produktberatung_Luxus">Produktberatung Luxus</option>
<option value="HLKF_ELVIS_D_Produktberatung_Expedition">Produktberatung Expedition</option>
<option value="HLKF_ELVIS_D_Verkaufsteam">Verkaufsteam</option>
</select>

<div class="ms-parent" style="width: 100%;">
  <button class="ms-choice" type="button"><span> </span>
     <div class="open"></div>
  </button>
  <div class="ms-drop bottom" style="display: block;">
  <ul style="max-height: 250px;">
  <li class="selected"><label><input name="selectItemSelected_UserGroup" type="radio" checked="checked" value=""> </label></li>
  <li><label><input name="selectItemSelected_UserGroup" type="radio" value="HLKF_ELVIS_D_Backoffice"> Backoffice</label></li>
  <li><label><input name="selectItemSelected_UserGroup" type="radio" value="HLKF_ELVIS_D_Direktkundenteam"> Direktkundenteam</label></li>
  <li><label><input name="selectItemSelected_UserGroup" type="radio" value="HLKF_ELVIS_D_Flugabteilung"> Flugabteilung</label></li>
  <li><label><input name="selectItemSelected_UserGroup" type="radio" value="HLKF_ELVIS_D_Künstler"> Künstler</label></li>
  <li><label><input name="selectItemSelected_UserGroup" type="radio" value="HLKF_ELVIS_D_Produktberatung_Luxus"> Produktberatung Luxus</label></li>
  <li><label><input name="selectItemSelected_UserGroup" type="radio" value="HLKF_ELVIS_D_Produktberatung_Expedition"> Produktberatung Expedition</label></li>
  <li><label><input name="selectItemSelected_UserGroup" type="radio" value="HLKF_ELVIS_D_Verkaufsteam"> Verkaufsteam</label></li>
  <li class="ms-no-results"...

JavaScript

var value = $("#ddUserGroup").next(".ms-parent").children(".ms-drop").children("ul").find("li:first").attr("class");
alert(value);