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

Question

我有一个容器 div，其中包含一些 img 标签。当我单击 img 标签时，它会返回该 img 标签在 div 标签内的索引位置。我想使用 jQuery 或 JavaScript 将此 img 标签包装在另一个 div 标签中 --- 有什么方法可以做到这一点吗？

我正在使用一个Wordpress插件(幻灯片放映库)，它在单击缩略图时显示大图像的缩略图我想显示一个箭头，显示当前正在显示的幻灯片..在探索了附带的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 />");
});