如何使用jQuery或JavaScript将标记封装在另一个标记中？

Question

我有一个div包含一些img标签的容器.当我点击img标签时,它会返回img标签内该div标签的索引位置.我想使用jQuery或JavaScript 将此img标记包装在另一个标记内div---有没有办法做到这一点？

我正在使用Wordpress插件(幻灯片库),它在点击thumnail时显示大图像的缩略图我想显示一个箭头,显示哪个当前幻灯片正在显示...在探索插件附带的js文件之后发现他们使用的是纯粹的javascript.

目前我正在使用此代码.

    for(i;i<this.l;i++){
        this.a[i]={};
        var h=m[i], a=this.a[i];
        a.t= tag('h3',h)[0].innerHTML;
        a.d= tag('p',h)[0].innerHTML;
        a.l= tag('a',h)[0]? tag('a',h)[0].href:'';
        a.p= tag('span',h)[0].innerHTML;
        if(this.thumbs){
            var g = tag('img',h)[0];
            this.p.appendChild(g);
            w+=parseInt(g.offsetWidth);
            if(i!=this.l-1){
                g.style.marginRight=this.spacing+'px';
                w+=this.spacing
            }
            this.p.style.width=w+'px';
            g.style.opacity=this.thumbOpacity/100;
            g.style.filter='alpha(opacity='+this.thumbOpacity+')';
            g.onmouseover=new Function('TINY.alpha.set(this,100,5)');
            g.onmouseout=new Function('TINY.alpha.set(this,'+this.thumbOpacity+',5)');
            g.onclick=new Function(this.n+'.pr('+i+',1)');
            //g.onclick = new Function(this.n)
        }
    }

Answer 1

你可以使用.wrap()

$("img").click(function(){
        $(this).wrap("<div />");
});