Jquery цикл через элементы div в div

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="Worksheet" class="tab-pane fade">
  <div class="container">
    <div class="panel panel-info">
      <div class="panel-heading"> <strong> Deck Area and Cost </strong></div>
      <div class="panel-body">
        <div>
          <div>
            <p class="text-info" style="margin-left:10px;">
              Please enter the following deck information.
            </p>
          </div>
          <div>
            <label for="Deck Area" title="Deckareasss">Total Deck Area </label>
            <input class="form-control-sm numericOnly" data-val="true" data-val-required="The DISTAREA field is required." id="DISTAREA" name="DISTAREA" placeholder="Deck Area" size="10" type="text" value="1000" /> &nbsp;SQ. FT.
          </div>
          <div>
            <label title="costsurya" for="Cost">Estimated Cost [111]lt;/label>
            <input class="form-control-sm numericOnly" id="EstimatedCost" name="EstimatedCost" placeholder="Estimated Cost $" size="15" type="text" value="200" /> &nbsp;.00
          </div>
          <div>
            <label title="costsel" for="Sel">Selected Cost [111]lt;/label>
            <select class="form-control-sm numericOnly" id="SelectedCost" name="SelectedCost">
              <option value="">Select</option>
              <option value="100">100</option>
              <option value="200">200</option>
            </select>
          </div>
        </div>
      </div>
    </div>
  </div>
  <button type="button" id="calc">Calc</button>

  <table id="tblWorksheet" class="table">
    <tbody></tbody>
  </table>