父div单击时如何获取输入的确切值

Question

假设下面的代码从数据库中删除，除了值外，其他所有内容都相同，我如何获得任何单击的值而不影响其他？

m[i*n+j]

Answer 1

Vanilla JS，ES6

• 在文档中按类名查找元素
• 对于每个元素，都附加onclick
• 在onclick内一次通过此元素中的标签名称查找元素
• 使用第一个获取价值

let minds = document.getElementsByClassName('mind');

[...minds].forEach(x => {
  x.onclick = () => {
    let i = x.getElementsByTagName('INPUT')[0];
    console.log(i.value)
  }

});

<div class="mind">
  <a href="#"><span class="r">Home</span></a>
  <input class="input1" type="hidden" value="123">
</div>
<div class="mind">
  <a href="#"><span class="t">Create User</span></a>
  <input class="input1" type="hidden" name="rank" value="abc1">
</div>
<div class="mind">
  <a href="#"><span class="t">List Users</span></a>
  <input class="input1" type="hidden" name="rank" value="abc2">
</div>
<div class="mind">
  <a href="#"><span class="t">Admin</span></a>
  <input class="input1" type="hidden" name="rank" value="abc3">
</div>