Javascript 最后一个子项未在div的迭代中工作

在浏览器中，HTML是动态生成的，并呈现为

        <div id="dynamic-relationship-details">

        <div id="count-status0" class="relationship-container form-group">
              <div class="col-sm-1"></div>
                  <div class="col-sm-2">
                       <select id="relationship-type0" class="form-control"><option value="">Select Relationship</option><option value="Father">Father</option><option value="Mother">Mother</option><option value="Brother">Brother</option><option value="Sister">Sister</option><option value="Spouse">Spouse</option><option value="Guardian">Guardian</option></select>
                      </div>
                      <div class="col-sm-3">
                        <input type="text" name="relationship-type-name0" id="relationship-type-name0" class="form-control" placeholder="Name"></div><div class="col-sm-2"><input type="text" name="relationship-type-contact0" id="relationship-type-contact0" class="form-control" placeholder="Contact Number">
           </div>
               <button value="count-status0" class="remove-relationship-field btn btn-danger"><i class="fa fa-trash"></i></button>
           </div><div id="count-status1" class="relationship-container form-group">
          <div class="col-sm-1"></div>
          <div class="col-sm-2">
             <select id="relationship-type1" class="form-control"><option value="">Select Relationship</option><option value="Father">Father</option><option value="Mother">Mother</option><option value="Brother">Brother</option><option value="Sister">Sister</option><option value="Spouse">Spouse</option><option value="Guardian">Guardian</option></select>
          </div>
        <div class="col-sm-3">
              <input type="text" name="relationship-type-name1" id="relationship-type-name1" class="form-control" placeholder="Name"></div><div class="col-sm-2"><input type="text" name="relationship-type-contact1" id="relationship-type-contact1" class="form-control" placeholder="Contact Number">
       </div>
         <button value="count-status1" class="remove-relationship-field btn btn-danger"><i class="fa fa-trash"></i></button>
     </div>
     </div>

var relationshipContactNumber =$this.find("input[type=text]:last-child").val();"

我正在尝试获取联系人号码的值，即行中id的关系类型联系人（n）值”

var relationshipContactNumber =$this.find("input[type=text]:last-child").val();"

这是获取循环中变量relationshipContactNumber中第一个子文本框的值

var relationshipContactNumber =$this.find("input[type=text]:last-child").val();"

---

请帮助！！！

这应该有效，请使用.first（）和.last（）选择器

var relationshipContactNumber =$this.find("input[type=text]:last-child").val();"

如果您有权更改HTML，另一种方法是为输入字段添加类名，并使用该类名进行选择

var relationshipContactNumber =$this.find("input[type=text]:last-child").val();"

函数getData（）{ var关系_详细信息_数组=[]； //关系详细信息数组 $（“.relationship container”）。每个（函数（i，obj）{ var$this=$（this）； $this.find（“select”）.each（函数（）{ var relationshipTypeValue=$（this.val（）； var relationshipName=$this.find（“输入[type=text]”）。first（）.val（）； var relationshipContactNumber=$this.find（“输入[type=text]”）。last（）.val（）； var innerRelationshipArray={}； innerRelationshipArray={ relationshipTypeValue:relationshipTypeValue， relationshipName:relationshipName， relationshipContactNumber:relationshipContactNumber }; 关系\u详细信息\u数组.push（innerRelationshipArray）； }); }); log（关系\详细信息\数组）； } $（“#获取数据”）。在（“单击”，获取数据）；

在控制台日志中显示数据
选择关系
父亲
母亲
兄弟
姐妹
配偶
守护者
选择关系
父亲
母亲
兄弟
姐妹
配偶
守护者

而不是使用

$this.find（“输入[type=text]：最后一个子项”）.val（）；

，您需要使用

$this.find（“输入[type=text]：最后一个类型”）.val（）；

或

$this.find（“输入[type=text]”）.last（）.val（）；