Javascript 如何使用选择器使用Jquery获取DOM下的值

我有一个html容器结构，如

<div class='APart'>
 <div class='Main'>
  <input name='MainInput' value='1'>
 </div>
 <div class='Sub'>
  <input name='SubInput' value='2'>
  <input name='SubInput' value='5'>
 </div>
</div>
<div class='APart'>
 <div class='Main'>
  <input name='MainInput' value='3'>
 </div>
 <div class='Sub'>
  <input name='SubInput' value='4'>
  <input name='SubInput' value='6'>
 </div>
</div>

现在我知道如何获取主输入值，下一步如何获取子输入值

这是我期望的结果

数组[0]=“1,2,5”

---

数组[1]=“3,4,6”

我想你的意思是

mainport

？您可以通过there name属性选择输入，然后使用以下方法获取其值：

$('.APart input[name=MainInput]').each(function(index, element) {
    console.log($(element).val());
});

---

---

更多信息，请查看此备忘单。

我想你指的是

mainpoint

？您可以通过there name属性选择输入，然后使用以下方法获取其值：

$('.APart input[name=MainInput]').each(function(index, element) {
    console.log($(element).val());
});

---

---

查看此备忘单了解更多信息。

首先为您正在访问的输入提供一个类名

<div class='APart'>
 <div class='Main'>
  <input name='MainInput' value='1' class="getMain">
 </div>
 <div class='Sub'>
  <input name='SubInput' value='2'>
 </div>
 <div class='Main'>
  <input name='MainInput' value='3' class="getMain">
 </div>
 <div class='Sub'>
  <input name='SubInput' value='4'>
 </div>
</div>

}))

---

//这将给出您所有的VAUE

首先给出您正在访问的输入的类名

<div class='APart'>
 <div class='Main'>
  <input name='MainInput' value='1' class="getMain">
 </div>
 <div class='Sub'>
  <input name='SubInput' value='2'>
 </div>
 <div class='Main'>
  <input name='MainInput' value='3' class="getMain">
 </div>
 <div class='Sub'>
  <input name='SubInput' value='4'>
 </div>
</div>

}))

---

//这将为您提供所有的VAUE

U可以使用每个函数进行循环

$('.APart input[name="MainInput"]').each(function(){
console.log($(this).val());
});

---

U可以使用每个函数进行循环

$('.APart input[name="MainInput"]').each(function(){
console.log($(this).val());
});

---

在输入dom上添加新的类标记

<div class='APart'>
 <div class='Main'>
  <input class=''MainClass' name='MainInput' value='1'>
 </div>
 <div class='Sub'>
  <input class=''SubClass' name='SubInput' value='2'>
  <input class=''SubClass' name='SubInput' value='5'>
 </div>
</div>
<div class='APart'>
 <div class='Main'>
  <input class=''MainClass' name='MainInput' value='3'>
 </div>
 <div class='Sub'>
  <input class=''SubClass' name='SubInput' value='4'>
  <input class=''SubClass' name='SubInput' value='6'>
 </div>
</div>

这段代码是用来做事情的

分班

在找到下一个子类后分离DOM数据

然后，我们找到它后，只需要使用选择器找到新的类组

---

在输入dom上添加新的类标记

<div class='APart'>
 <div class='Main'>
  <input class=''MainClass' name='MainInput' value='1'>
 </div>
 <div class='Sub'>
  <input class=''SubClass' name='SubInput' value='2'>
  <input class=''SubClass' name='SubInput' value='5'>
 </div>
</div>
<div class='APart'>
 <div class='Main'>
  <input class=''MainClass' name='MainInput' value='3'>
 </div>
 <div class='Sub'>
  <input class=''SubClass' name='SubInput' value='4'>
  <input class=''SubClass' name='SubInput' value='6'>
 </div>
</div>

这段代码是用来做事情的

分班

在找到下一个子类后分离DOM数据

然后，我们找到它后，只需要使用选择器找到新的类组

---

你的HTML中没有

.MainPart

任何地方。@CertainPerformance是主要的。你的HTML中没有

.MainPart

任何地方。@CertainPerformance是主要的。谢谢你，但我修复了问题描述。请再次确认你，但我修复了问题描述。请再次确认你，但我修复了问题描述。请再次确认你，但我修复了问题描述。请再次确认你，但我修复了问题描述。请再次确认你，但我修复了问题描述。请再次确认你。我得到了它。我明白了