主页 / 问题 / 617310
Accepted
Vyacheslav Potseluyko
Asked:2020-01-20 21:46:32 +0000 UTC2020-01-20 21:46:32 +0000 UTC

onclick & 多个元素

  • 772

大家好。

问题的症结在于有许多带有如下标记的元素。onclick 函数挂在它们上面。

document.addEventListener('DOMContentLoaded', function() {
  var goods = document.querySelectorAll('div.good');

  for (var z = 0; z < goods.length; z++) {
    goods[z].onclick = function() {
      var text = this.querySelector('.details p').innerHTML;
      var img = this.querySelector('img').getAttribute('src');
      alert(img + ' ' + text);
    };
  }
});
<div class="good">
  <img src="/assets/img/good4.png">
  <div class="details">
    <div><span class="icon goods beef blue"></span>
    </div>
    <p>Курица по-тайски</p>
    <span class="price">299</span>
  </div>
</div>
<div class="good">
  <img src="/assets/img/good2.png">
  <div class="details">
    <div><span class="icon goods beef blue"></span>
    </div>
    <p>Говядина томленая</p>
    <span class="price">228</span>
  </div>
</div>

this导致我们点击的元素与我们在函数中获取的内容不对应。我无法复制，所以只能提供观看直播-music.redeye.pro（我们说的是点击商品）。谢谢你。

其特点是下排表现出来，上排飞过它们

javascript

2 个回答

  1. Best Answer

    元素

    <img class="under" src="/assets/img/circle.png">

    第一行涵盖以下所有内容。单击并掉入其中。

    • 1

  2. 事实证明，该块阻止点击元素，屏幕： 在此处输入图像描述

    试图隐藏它，然后一切正常！

    • 1

相关问题