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

时间:2011-11-22 18:02:38

标签: javascript jquery

我有一个容器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)
        }
    }

1 个答案:

答案 0 :(得分:6)

您可以使用.wrap()

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