获取div包裹里面的元素


<div class="clear mg-t-10">
                            <div class="wy-pro-pri fl">¥<em class="num font-15">10.00</em></div>
                            <div class="pro-amount fr">
                                <div class="Spinner"><a class="DisDe" href="javascript:;"><i>-</i></a><input disabled="disabled" class="Amount" value="1" autocomplete="off" maxlength="3"><a class="Increase" href="javascript:;"><i>+</i></a></div>
                            </div>
                        </div>


<div class="clear mg-t-10">
                            <div class="wy-pro-pri fl">¥<em class="num font-15">20.00</em></div>
                            <div class="pro-amount fr">
                                <div class="Spinner"><a class="DisDe" href="javascript:;"><i>-</i></a><input disabled="disabled" class="Amount" value="1" autocomplete="off" maxlength="3"><a class="Increase" href="javascript:;"><i>+</i></a></div>
                            </div>
                        </div>


<div class="clear mg-t-10">
                            <div class="wy-pro-pri fl">¥<em class="num font-15">30.00</em></div>
                            <div class="pro-amount fr">
                                <div class="Spinner"><a class="DisDe" href="javascript:;"><i>-</i></a><input disabled="disabled" class="Amount" value="1" autocomplete="off" maxlength="3"><a class="Increase" href="javascript:;"><i>+</i></a></div>
                            </div>
                        </div>

多个这种div包裹下，如何通过点击+，- 号获取对应的input值和em标签里的单价

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="icon" href="" />
    <title>html示例</title>
  </head>
  <body>
    <div class="list"></div>
    <script>
      let listDom = document.querySelector(".list");
      //数据
      let listData = [
        { id: 0, num: 10.0 },
        { id: 1, num: 20.0 },
        { id: 2, num: 30.0 },
      ];
      let str = "";

      //点击减  e:当前点击的元素，data：传递的其他数据
      function handleMinus(e, data) {
        // console.log(e, data);
        console.log("当前em里的值就是：", data);
        console.log("点击减时当前的input值是", e.nextElementSibling.value);
        //如果需要修改当前的input值
        // e.nextElementSibling.value=9527
      }
      //点击加
      function handleAdd(e, data) {
        console.log("当前em里的值就是：", data);
        console.log("点击加时当前的input值是", e.previousElementSibling.value);
      }
      //通过遍历动态添加绑定数据
      listData.forEach((item, index) => {
        str += `
           <div class="clear mg-t-10">
                <div class="wy-pro-pri fl">¥<em class="num font-15">${item.num}</em></div>
                <div class="pro-amount fr">
                <div class="Spinner">
                    <a class="DisDe" href="javascript:;" onclick='handleMinus(this,${item.num})'><i>-</i></a>
                    <input disabled="disabled"
                    class="Amount"
                    value="1"
                    autocomplete="off"
                    maxlength="3"
                    /><a class="Increase" href="javascript:;" onclick='handleAdd(this,${item.num})' ><i>+</i></a>
                </div>
                </div>
            </div>
           `;
      });
      listDom.innerHTML = str;
    </script>
  </body>
</html>

你这个是写死的 吗？ 还是 动态循环出来的

可以通过this当前对象获取相应的值