Jquery 访问内部div下的输入框

我的html文件中有4个这样的div，代表4行不同的AWB No、HAWB No和Ref No 对于它们中的每一个，我希望获得id为mawbNumber的字段并执行一些操作。 我正在尝试使用jquery each（）访问它的值，但无法这样做

<div class="row awb-box">
   <div class="col-lg-3 col-md-6">
      <label class="inpt-lbl">AWB NO</label>
      <input type="text" id="mawbNumber" class="mAWBs" placeholder="AWB NO" maxlength="13"/>
   </div>
   <div class="col-lg-3 col-md-6">
      <label class="inpt-lbl">HAWB NO</label>
      <input type="text" id="hawbNumber" placeholder="HAWB NO"/>
   </div>
   <div class="col-lg-3 col-md-6">
      <label class="inpt-lbl">NFD REF.NO</label>
      <input type="text" id="refNumber" class="refNos" placeholder="NFD REF.NO" value="" />
   </div>
   <div class="col-lg-3 col-md-6 col-sm-12">
      <label class="inpt-lbl">&nbsp;</label>
      <span class="plusbtn float-left"></span>
      <span class="spnerrorinfo float-left" style="display: none" id="error1"></span>
   </div>
</div>

没有

.child（）

方法。只需使用

$（this.find（）

）。您还需要

mAWBs

类选择器中的

$(".row.awb-box").each(function(){
    var  awb = $(this).find('.mAWBs');
    ...
});

您也可以将选择器组合在一起：

$(".row.awb-box .mAWBs").each(function() {
    var awb = $(this);
    ...
});

jQuery中没有

.child（）

方法。有

.children（）

，但参数是选择器，而不是数字。

$(".row.awb-box .mAWBs").each(function() {
    var awb = $(this);
    ...
});