为什么我在点击图像时得到未定义的值？如何解决这个问题？

Question

当我单击图像以获取图像的值时出现此错误（未定义）。您能否解释一下其背后的原因以及在这种情况下如何获取值并将其传递给 onclick 函数。

      <div id="fi" value="0">
        <img src="first.JPG" alt="first" id="first" value="01" onclick="checkingg(this.value)"/>
      </div>

      // inside script tag
      function checking(img_val) {
        console.log(img_val);
      }

Answer 1

您的方法没有问题，除了 value 不是图像的有效属性，因此将是 undefined。使用自定义 data attributes data-*:

      function checking(img_val) {
        console.log(img_val);
      }

  <div id="fi" value="0">
        <img src="https://media.istockphoto.com/photos/analyzing-samples-in-test-tube-backgrounds-picture-id1290116527?b=1&k=20&m=1290116527&s=170667a&w=0&h=51bfejWaiLIK8ZeeP7u7q0b1UINUwx3dbH86HZNNuPA=" alt="first" id="first" data-value="01" onclick="checking(this.dataset.value)"/>
      </div>

为什么我在点击图像时得到未定义的值？如何解决这个问题？

Why I am getting Undefined Value when I click on image ? How to fix this?

javascript

jquery

node.js

jquery-ui