jQuery - get element value by Norlihazmey Ghazali

jQuery - get element value by Norlihazmey Ghazali http://stackoverflow.com/questions/33381848/on-click-get-value-of-element-several-parents-up-using-jquery

by Norlihazmey Ghazali

HTML

<ul id="sortable-row" class="ui-sortable">
    <li id="1" class="ui-sortable-handle">Dropdown Question:
        <input class="fieldtype" type="hidden" value="dropdown" name="fieldtype[]">
        <input class="questionname" type="text" name="questionname[]">
        <input class="amountofoptions" type="text" name="amountofoptions[]" value="2">
        <br>
        <button class="btn btn-primary adddropdownoptionbutton" type="button">add option</button>
        <ul class="dropdown-options-row">
            <li class="anoption">Option:
                <input class="dropdownoptionname" type="text" name="dropdownoptionname[]" value=""> <span class="ex">x</span>

            </li>
            <li class="anoption">Option:
                <input class="dropdownoptionname" type="text" value="" name="dropdownoptionname[]"> <span class="ex">x</span>

            </li>
        </ul>
    </li>
</ul>

JavaScript

$('.ex').click(function(){
  // for the best case, we use prevAll as we want
  // to select `amountofoptions` element that is located
  // before the UL element
  //var a = $(this).closest('ul').prevAll('.amountofoptions').val();
  //var a = $(this).closest('.ui-sortable').find('.amountofoptions').val();
  var a = $(this).closest('ul').prev().prev().prev().val();
  alert(a);
});