JSFiddle - React, Tailwind, and code Playground

by S.M. Murad Hasan Tanvir

HTML

<div class="masterItem">
  <div class="row oItem">
    <div class="col-md-2">
      <div class="form-group">
        <div class="input-group">
        <span class="input-group-addon" style="font-weight:bold;color:#330099">Name</span>
          <input class="form-control" placeholder="Name" aria-describedby="basic-addon1" type="text">
        </div>
        <div class="input-group"><span class="input-group-addon" style="font-weight:bold;color:#330099">Quantity</span>
        <input class="form-control quantity" placeholder="Quantity" aria-describedby="basic-addon1" type="text" value="1"></div>
      </div>
    </div>
  </div>
  <div class="row oItem">
    <div class="col-md-2">
      <div class="form-group">
        <div class="input-group"><span class="input-group-addon" style="font-weight:bold;color:#330099">Name</span><input class="form-control" placeholder="Name" aria-describedby="basic-addon1" type="text"></div>
        <div class="input-group"><span class="input-group-addon" style="font-weight:bold;color:#330099">Quantity</span><input class="form-control quantity" placeholder="Quantity" aria-describedby="basic-addon1" type="text" value="2"></div>
      </div>
    </div>
  </div>
  <div class="row oItem">
    <div class="col-md-2">
      <div class="form-group">
        <div class="input-group"><span class="input-group-addon" style="font-weight:bold;color:#330099">Name</span><input class="form-control" placeholder="Name" aria-describedby="basic-addon1" type="text"></div>
        <div class="input-group"><span class="input-group-addon" style="font-weight:bold;color:#330099">Quantity</span><input class="form-control quantity" placeholder="Quantity" aria-describedby="basic-addon1" type="text"  value="3"></div>
      </div>
    </div>
  </div>
</div>

JavaScript

$(function(){
	var res = $(".masterItem input.quantity").eq(1).val();
	alert(res);
})