JSFiddle - React, Tailwind, and code Playground

by Shree Khanal

HTML

<div class="section row" id="row_1">
  <div class="col-md-2">
    <h6 class="fw400">Date</h6>
    <label for="date_1" class="field prepend-icon">
      <input type="text" id="date_1" name="date_1" class="gui-input" placeholder="Date" value="2017-02-18" readonly>
      <label class="field-icon"><i class="fa fa-calendar"></i>
      </label>
    </label>
  </div>
</div>
<div class="section row" id="row_2">
  <div class="col-md-2">
    <h6 class="fw400">Date</h6>
    <label for="date_2" class="field prepend-icon">
      <input type="text" id="date_2" name="date_2" class="gui-input" placeholder="Date" value="2017-02-18" readonly>
      <label class="field-icon"><i class="fa fa-calendar"></i>
      </label>
    </label>
  </div>
</div>

JavaScript

$( "#date_1" ).focus(function() {
var id = $(this).parents().parents().next('div').prop('id');
alert(id);
});