MVC 4 Razor图像鼠标显示较大的图像

Question

有没有人知道添加一些JQuery的方法，允许用户将鼠标悬停在Razor的foreach循环中动态创建的UNKNOWN id？我需要在图像被鼠标悬停或悬停时获取id并执行.show（）;对于那个图像。我让它在其他页面上工作，只有一张图像，但无法弄清楚如何为许多身份未知的图像做些什么。

这里是包含两个图像的图像div。完整的图像显示在较小的一个上方，在鼠标移出或没有悬停时消失。

<div class="listEntriesPhoto" style="display:inline-block; vertical-align:top;">
            <img id="EntriesDiagramLeft-@item.ImageName" src='~/documents/@item.ImageName' alt="repeating default photo of woman" />

            <!--This is for image hover for larger picture-->
            <div id="EntriesFullDiagramLeft-@item.ImageName" style="display:none;" >
                <img id="EntriesfullImageLeft-@item.ImageName" src='~/documents/@item.ImageName' alt="Submitted image"/>
            </div>
        </div>

任何帮助都会很棒，并提前致谢！

Answer 1

这应该适合你：

  var photoList = $(".listEntryPhoto").find("img");
  .each(photoList, function(){
          var image = $(this);
          // Whatever code you used for one image goes here
          // using the image variable
    };