Javascript 仅在更改同一div组的同级输入时使用JQuery

因此，我一直在编写一段代码，试图用另一个启用的输入中的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>

问题在于我尝试执行livekeyup函数的部分

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

---

我知道这是错误的，因为id部分会弄乱哪些克隆的输入，而#max id可以更改输入。我似乎不知道如何获得当前重点项目输入的“最大兄弟”。如何做到这一点？

如果要克隆类，请使用类-ID应该是唯一的所有相关元素都属于

.grpit

。如果您将它们从ID更改为类，则只需执行一个简单的

$（this）.closest（'.grpit'）.find（otherChildClassSelector）.val（newValue）

@Taplar谢谢！这正是我要找的。

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