Javascript 如何获取显示为超链接的图像的ID

我得到图像列表并显示在razor页面上。每个图像都是一个“超链接”。现在我有一个问题。我不想使用“jquery.BlockUI”将图像显示为模式视图。但我不知道如何发送图像的id以打开单击的图像。有什么建议吗

@foreach (var m in Model)
    {
        string imagePath = path tp the image;
        <div style="background: #f5f5f5; border: 1px solid #cccccc; margin-bottom: 3px; margin-right: 3px;
            padding: 3px; width: 300px; height: 100px; float: left; overflow: hidden;">
            <div style="width: 105px; float: left;">
               <a onclick="showImageModal()"> <img  src=@imagePath/> </a>
            </div>
...

@foreach（模型中的var m）
{
字符串imagePath=图像的路径tp；
...

不应使用内联事件处理程序。 因为您用jQuery标记了这个问题，所以这是如何用jQuery完成的

第一次改变

<a onclick="showImageModal()"> <img  src=@imagePath/> </a>

这里我假设您的

showmagemodal

函数将接受一个包含图像src的参数

也注意到，如果代码没有<代码> > HRFF 属性，你的<代码> <代码>将不显示指针指针。因此，考虑添加<代码> HReF=“@ IVEPATH”。（这也会为没有JavaScript的人提供一个后退）

< P>有一个容器，比如“像图像弹出窗口”，然后是

$('#image-popups a').click(function(e) { 

   e.preventDefault();

    $.blockUI({ 
        message: $(this).children('img'), 
        css: { 
            top:  ($(window).height() - 400) /2 + 'px', 
            left: ($(window).width() - 400) /2 + 'px', 
            width: '400px' 
        } 
    }); 

    setTimeout($.unblockUI, 2000); 
    }); 

然后就有了

<a href=@imagePath> <img  src=@imagePath/> </a>

---

因为当JS失败时，它将链接到图像，否则在我添加此代码时执行BlockUI

，当我单击图像时，它只是作为一个新页面打开。我尝试调试，但它从未进入此jquery代码？我忘了发送更新。我使用“.live…”、“$（“#divid”）.live（'click'，function（e）…”这可能是必需的，因为我是以友好的方式阅读和创作图像的。

$('#image-popups a').click(function(e) { 

   e.preventDefault();

    $.blockUI({ 
        message: $(this).children('img'), 
        css: { 
            top:  ($(window).height() - 400) /2 + 'px', 
            left: ($(window).width() - 400) /2 + 'px', 
            width: '400px' 
        } 
    }); 

    setTimeout($.unblockUI, 2000); 
    }); 

<a href=@imagePath> <img  src=@imagePath/> </a>