Question

JS给img标签加a链接

如果用JS给编辑器插入的img标签加a链接，我需要点击img在新窗口打开原图。
请方法写出来，而且保证兼容性，谢谢！
<script type="text/javascript" src="jquery-1.8.0.min.js"></script><script type="text/javascript">$(document).ready(function(){$("#demo img").hover(function(){var pass=$(this).attr("src");$(this).wrap("<a href='"+pass+"' target='_blank' title='点击查看原图'></a>")},function(){$(this).unwrap()});});</script>这是我写的方法，在火狐里没问题，请高手们试一下，先明白我的想法。我头痛的是在ie里就无效了！！！

Answer 1

原来是这么回事，很简单的，首先你建立一个静态页面里面放一个img标签，然后你用JS给编辑器插入的img标签加a链接，像这样

$(function(){
    $("#demo img").wrap(function(){
        return "<a target='_blank' title='点击查看原图' href='那个静态页面的地址?src="+$(this).attr("src")+"' />";
    });
});

然后在那个静态页面写下这样的代码

window.onload = function(){
    // 获取链接中参数部分
    var queryString = location.href.substring(location.href.indexOf("?")+1);
    var param = queryString.split("=")[1];
    document.getElementById("这个页面上img标签的id").src = param;
}

这样就行了

Answer 2

不是很理解，既然是编辑器里的文本，不需要保存到数据库吗，在后台保存之前，从字符串中检索出img标签，前后加上a链接就可以了。

Answer 3

window.onload = function(){    
    var img = document.getElementsByTagName("img");    
    for(var i=0;i<img.length;i++){           
    img[i].onclick = funtion(){
       location.href = "你要跳转的链接?id="+i;//传递一个i过去做一下判断是哪一张图片
     }
    }
}