javascript - jQuery 获取下一个 Div Nest 中输入字段的值

Question

我试图获取嵌套在下一个 div 中的输入字段的值，类为“fullaccountcode”，但当我提醒结果时，它继续返回空。

HTML:

<div class="row">
                    <div class="col-lg-1 col-md-1 col-sm-2 col-xs-2 fullaccountcode">
                        <input type=text name=mcode[] id=mcode placeholder="34" class="form-control">
          </div>
                    <div class="col-xs-1 show-slash">
                        <span>/</span>
                    </div>
                    <div class="col-lg-1 col-md-1 col-sm-2 col-xs-2 fullaccountcode">
                        <input type=text name=ccode[] id=ccode placeholder="01" class="form-control" value="yello">
                    </div>
                    <div class="col-xs-1 show-slash">
                        <span>/</span>
                    </div>
                    <div class="col-lg-1 col-md-1 col-sm-2 col-xs-2 fullaccountcode">
                        <input type=text name=sacode[] id=sacode placeholder="0016" class="form-control">
                    </div>
                </div>

JS:

$(document).on("keyup","#mcode",function() {
  alert($(this).closest('div').nextAll('.fullaccountcode').eq(0).val());
});

JSFiddle Demo

Answer 1

您的代码中有 2 个问题:

1) 您的目标是 div 而不是其中的输入元素。获取目标 div 元素后使用 .find('input') 。

2 ) eq 选择器也基于零索引来定位元素。您应该使用 :eq(0) 或 .first() 来定位匹配集中的第一个元素:

$(document).on("keyup","#mcode",function() {
  alert($(this).closest('div').nextAll(".fullaccountcode").eq(0).find('input').val());
});

<强> Working Demo