当前位置: 首页 > 知识库问答 >
问题:

如何在其类索引内获取输入的值,并将其分配给自己集合中具有相同索引的另一个输入?

张伯寅
2023-03-14

请原谅我的无知,但请你原谅我。假设我们在容器1中有任意数量的输入,其中一些共享一个类。

我们还有另一个容器2,它内部有一些输入,其中一些还共享一个类

我想要的是将容器1中具有类.inputs1索引的输入的值复制到容器2中具有类.inputs2相同索引的相应输入

我知道如何使用var index1=$(this).closest(“input”).index(“.inputs1”);获取im当前键入的输入(在其类中)的索引

我只是不知道应该使用什么jquery选择器来传输值,应该从哪里开始?

可视化我的概念的代码段:

null

$(document).on("input", "input", function() {
  var index1 = $(this).closest("input").index(".inputs1");
  var index2 = $(this).closest("input").index(".inputs2");


});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="container1">
  <input placeholder="container 1" class="inputs1"><input placeholder="container 1"><input placeholder="container 1" class="inputs1"><input placeholder="container 1"><input placeholder="container 1" class="inputs1">
</div>
<div id="container2">
  <input placeholder="container 2" class="inputs2"><input placeholder="container 2"><input placeholder="container 2" class="inputs2"><input placeholder="container 2"><input placeholder="container 2" class="inputs2">
</div>

null

共有2个答案

江鸿羲
2023-03-14

略有不同,也许更容易读懂的方法

null

const $in_1 = $('.inputs1'),
      $in_2 = $('.inputs2');


$in_1.on("input", function() {
  const inIdx = $in_1.index(this);  
  $in_2.eq(inIdx).val(this.value);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="container1">
  <input placeholder="container 1" class="inputs1" />
  <input placeholder="container 1" class="inputs1" />
  <input placeholder="container 1" class="inputs1" />
  <input placeholder="container 1" class="inputs1" />
</div>
<div id="container2">
  <input placeholder="container 2" class="inputs2" />
  <input placeholder="container 2" class="inputs2" />
  <input placeholder="container 2" class="inputs2" />
  <input placeholder="container 2" class="inputs2" />
</div>
长孙修远
2023-03-14

您可以使用:eq从其他div获取相同的类,然后也在其中添加值。

演示代码:

$(document).on("input", "input", function() {
  if ($(this).hasClass("inputs1")) {
    var index1 = $(this).index(".inputs1");
    //get class with same index 
    $("#container2").find(".inputs2:eq(" + index1 + ")").val($(this).val())
  }
});
<html>

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>
  <div id="container1">
    <input placeholder="container 1" class="inputs1">
    <input placeholder="container 1" class="inputs1">
    <input placeholder="container 1" class="inputs1">
    <input placeholder="container 1">
    <input placeholder="container 1" class="inputs1">
  </div>
  <br/>
  <div id="container2">
    <input placeholder="container 2" class="inputs2">
    <input placeholder="container 2" class="inputs2">
    <input placeholder="container 2" class="inputs2">
    <input placeholder="container 2">
    <input placeholder="container 2" class="inputs2">
  </div>
</body>

</html>
 类似资料:
  • 问题内容: 自几个月前以来,我的集群每天都有一个索引,每个索引有5个分片(默认),并且由于分片太多(超过1000个),我无法在整个集群上运行查询。 文档ID是自动生成的。 如何将索引合并为一个索引,处理有冲突的ID(甚至可能发生冲突)并更改类型? 我正在使用ES版本5.2.1 问题答案: 仅在使用ELK堆栈几个月并逐日创建索引后才可见的常见问题。这里有一些选项可以解决性能问题。 首先,您可以用来限

  • 问题内容: 我需要找到具有true的行或值大于15的行。我可以使用for循环进行迭代,但是,我想知道numpy是否可以更有效地做到这一点? 问题答案: 要获取至少一项大于15的行号:

  • 背景我有一个小索引与一些字符串字段(例如名称,街道,城市,电子邮件)。 和类似于 Lorem ipsum dolor sit amet,consectetuer adipiscing Elit。埃尼·康茂多·利古拉·埃盖特·多洛。埃尼安·马萨。同时也是一个社会成员,即natoque penatibus et magnis dis matraft montes,nascetur loomus mus

  • 嘿,我是一个JAVA新手,我正在做一个项目,在这一点上我被困住了,我想做的是...我已经做了一个JTree列出了其中的一些项,现在我想获得一个JTree的选定项的文本,将它存储在一个字符串对象中,并将它传递给另一个类,在那里我可以对它做进一步的操作...这是我试过的 当我运行程序时,在getVal()中返回一个空值,而不是JTree项的文本,请帮助。

  • 我一直在试图找到一种简单的方法来读取Rust中的变量,但是到目前为止还没有任何运气。Rust Book中的所有示例处理字符串AFAIK,我找不到任何有关整数或浮点数的工作。