如何使用javascript获取datalist的图片src或id？

Question

我尝试使用 javascript 在数据列表中获取图像的 src 或 id。 这是一些代码：

<script type="text/javascript">
          $(document).ready(function () {
              $('.productImage').mouseover(function () {
                  var imageUrl = $('.productImage').attr('src');
                  //alert(imageUrl);
                  $.ajax({
                     type: "POST",
                     url: "WebServiceVar.asmx/getVarImage",
                     contentType: "application/json; charset=utf-8",
                     dataType: "json",
                     data: "{'imageUrl':'" + imageUrl + "'}",
                     success: function (data) {
                     }
                  })
              });
          });
       </script>

当悬停在数据列表中的任何图像上时，alert(imageUrl) 方法仅显示“images/products/image1.png”，尽管数据列表中有多个图像。

Answer 1

您需要添加以下代码，这对您有帮助。

 var imageUrl = $(this).attr('src');

如果您的鼠标悬停事件调用带有任何图像悬停，那么您使用代码行上方的 'this' 当前图像源。