附加图片名称，点击后可显示弹出窗口

Question

我正在尝试将图片名称附加到表格单元格中。单击图像名称（例如xxx.jpg）将显示图像的弹出窗口，并且可以关闭。

单独使用Jquery可以实现吗？

假设我的图片目录为“http://myserver/project/images/”

function  myfunction(response) {
        var arr = JSON.parse(response);
		
        if(arr.length == 0){
        alert("Zero result found!");            
        }

        else if (arr[0].count != 0){                       
                                          
        for (i = 0; i < arr.length; i++) {
		
$("#questiondisplay").append("<tr><td>" + arr[i].question_id + "</td><td>" + arr[i].question + "</td><td class='my_image'>" + arr[i].image + "</td></tr>");
		
        }}}
                 
        $('.my_image').click(function(){
window.open(path+$(this).html(),null, "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
});

<div id="questiondisplayarea">

  <table data-role="table" id="questiontable">
                        
       <tbody id="questiondisplay">
       </tbody>

  </table>
  
</div>		

Answer 1

是的，您可以使用JQuery执行此操作：

1-在所需元素的click事件上，您可以运行window.open()。

Fiddle