选择输入值​javascript循环中的一个接一个

我不熟悉javascript编码。我在循环中有一个输入值。当我按下加号和减号键时，我想得到它下面的输入值。然而，我使用的代码只带来第一个值。我哪里出错了

弗雷奇

foreach($data as $key){
<div id="test">
<div id="minus">-</div>
<input type="text" id="link" value="$key">
<div id="plus">+</div>
</div>
}

foreach($data as $key){ 
<div class="test"> 
<div id="minus">-</div> 
<input type="text"id="link" value="$key"> 
<div id="plus">+</div> 
</div> 
}

---

我将id字段改为class。我在js代码中添加了children命令。这是我想要的方式

弗雷奇

foreach($data as $key){
<div id="test">
<div id="minus">-</div>
<input type="text" id="link" value="$key">
<div id="plus">+</div>
</div>
}

foreach($data as $key){ 
<div class="test"> 
<div id="minus">-</div> 
<input type="text"id="link" value="$key"> 
<div id="plus">+</div> 
</div> 
}

---

我认为上面的代码可能是PHP代码。 在javascript中，dom元素应该具有唯一的id，因此在同一HTML中使用多个id是不正确的。 因此，我认为我们可以通过使用类名或标记名在HTML中使用选择。 此外，当事件发出时，我们可以获取目标对象并从中选择目标

$.test.减号.onclick，函数事件{ const minusDiv=event.target const parentTestDiv=minusDiv.parentElement const inputLink=parentTestDiv.getElementsByTagName'input'[0] console.loginputLink.value alertinputLink.value } - +

---

foreach$data作为$key{…}不是JavaScript，也不是jQuery。它看起来像PHP？除此之外，当你点击减号时会发生什么？加号？ID必须是唯一的当我单击加号和减号时，我想在输入中打印数据。示例：可以有3个不同的值​​消息灵通的如果我点击该div中的加号或减号，我想得到该div中value的值。我已经做了一些尝试。我找到了答案。谢谢。你的答案是成功的。它在此命令上成功运行。两者之间的区别是什么？$。test.onclick，函数{alert$this.childreninput.val}按+按钮不接受该值。我该怎么做？