使用JQuery仅改变同一div组的兄弟输入

时间:2018-05-02 15:20:22

标签: javascript jquery html

所以我一直在研究一个代码,它试图用另一个启用的输入中的keyup()函数预先填充一些禁用的输入,这些输入都包含在一个div元素中。发生的是,在密钥释放时,它会尝试更改来自该特定div行的禁用输入的值。这是我目前在代码上的内容

    <div class="container-fluid" id="clonegrp">
        <div class="row grpit">
        <div class="col-md-7">
          <input type="text" name="it[]" class="form-control" id="item" placeholder="Chemical/Equipment*" required="true">
        </div>
        <div class="col-md-2">
          <input type="text" name="amount[]" class="form-control" placeholder="Amount*" required="true">
        </div>
        /<div class="col-md-1">
          <input type="text" class="form-control" id="max" placeholder="Max" readonly="readonly">
        </div>
        <div class="col-md-1">
          <input type="text" class="form-control" id="unit" placeholder="Unit" readonly="readonly">
        </div>
      </div>

所以这组输入可以通过一些按钮和这个JQuery代码来克隆

    var $button2=$('#add-item'),
    $row2=$('.grpit').clone(),
    $try2=$('#clonegrp');
    $button2.click(function() {
       $row2.clone().appendTo($try2);
    });

问题在于我尝试执行实时键盘功能的部分

    $(document).ready(function() {
        $('#clonegrp').on('keyup','#item', function() {
            $('#max').val('some text');
        });
    });

我知道这是错误的,因为id部分会搞乱哪个带有#max id的克隆输入会改变输入。我似乎无法弄清楚如何获得当前焦点#item输入的#max兄弟。我该怎么做?

0 个答案:

没有答案