如何使用JavaScript获取数据列表的图像src或ID？

问题描述

我尝试使用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”，尽管数据列表中有多个图像。

解决方法

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

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

如果您的鼠标悬停事件调用带有任何图像悬停，则使用代码行上方的“ this”获取当前图像src。