Javascript 获取Div中的所有值

我有一个具有多个输入字段的div。我的HTML如下所示：

<div id="mainDiv">
  <input type="text" id="price" /> <br/>
  <input type="text" id="tax" />
  <input type="text" id="others" />
</div>
<img src="img/img.gif" onclick="getAllValues();" />

单击图像后，它必须获取mainDiv中的所有值。如何执行此操作？

您可以使用.map在元素上进行迭代，并返回callback中的值以及。要在数组中获取它们，请执行以下操作：

function getAllValues(){
  $('#mainDiv input').map({
     return this.value;
  }).get();  // Output: ["priceval","taxval","otherval"]
}

您可以使用上面的数组以CSV、json等格式创建数据，以便进一步处理。

$getallvalues.clickfunction{ 变量值=$mainDiv input.mapfunction{ 返回$this.val }.得到.加入，； console.logvalues }

---

通过mainDiv中的所有输入进行循环

$('#mainDiv input').each(function(){
// Do what ever
})

---

另一种方法如下：

$'mainDiv'。查找'input'。每个函数索引，元素{ var yourValue=element.value；//或$element.val； //还有其他代码

---

};

您的输入数量固定为三个？所有输入元素都有id属性，因此您可以直接选择它们。您的问题陈述表明您有多个id相同的元素，这是无效的，您需要解决这个问题。index的用途是什么？index是数组索引，如果您想从数组中获取特定元素，可以使用它。$'mainDiv.find'input'这会给你一个div的输入数组。我想把每个值都存储在一个变量sir中，你怎么做呢？如果每个变量都有一个变量，那么既然每个变量都有唯一的ID，那么检查ID是否等于某个值，把它放到它的变量@ry ely中，直接存储在变量sir中怎么样？怎么做？用逗号分隔的格式还是数组？对于数组，可以将上述表达式的结果指定给变量。对于csv add.join，在.get之后

$('#mainDiv input').each(function(){
   console.log(this.val());
})