如何统一jQuery图像脚本?

如何统一jQuery图像脚本?,jquery,Jquery,我的英语不好。对不起 我想有一个脚本的所有图像在身体 我的脚本是将图像克隆到figcaption,并将“image alt”克隆到figcaption 这是两个图像的两个脚本。我希望所有图像都有一个脚本 我希望写得正确,我希望解决我的问题 我想要统一=1.ins,inm,。。2.#图3.#figcapt 谢谢 $(“img”)。删除注释(“高度”); $('.ins、.inm、.inl、.outs、.outm、.outl')。每个(函数(i){ var$this=$(this); var ne

我的英语不好。对不起

我想有一个脚本的所有图像在身体

我的脚本是将图像克隆到figcaption,并将“image alt”克隆到figcaption

这是两个图像的两个脚本。我希望所有图像都有一个脚本

我希望写得正确,我希望解决我的问题

我想要统一=1.ins,inm,。。2.#图3.#figcapt

谢谢

$(“img”)。删除注释(“高度”);
$('.ins、.inm、.inl、.outs、.outm、.outl')。每个(函数(i){
var$this=$(this);
var newClass=“i”+i++;
$this.addClass(newClass);
});
//我想统一以下两个脚本:
//脚本1:
$('.ins.i0、.inm.i0、.inl.i0、.outs.i0、.outm.i0、.outl.i0')。每个(函数(){
var$repi=$(此);
var repicl=$(this.attr(“类”);
$repi.在(“”)之后;
$('fig0').addClass(repicl);
$repi.clone().appendTo(“#fig0”);
$(“#fig0”)。追加(“”);
var$alti=$(this.attr('alt');
$(“#fcapt0”).html($alti);
$(this.remove();
返回false;
});
//脚本2:
$('.ins.i1、.inm.i1、.inl.i1、.outs.i1、.outm.i1、.outl.i1')。每个(函数(){
var$repi=$(此);
var repicl=$(this.attr(“类”);
$repi.在(“”)之后;
$('#图1').addClass(repicl);
$repi.clone().appendTo(“#图1”);
$(“#图1”)。追加(“”);
var$alti=$(this.attr('alt');
$(“#fcapt1”).html($alti);
$(this.remove();
返回false;
});
图{
保证金:自动;
填充:自动;
浮动:继承;
高度:自动!重要;
位置:相对位置;
}
figure.inm{
宽度:50%!重要;
保证金:0;
填充:0;
}
图1.inl{
宽度:75%!重要;
保证金:0;
填充:0;
}
figure.ins img,figure.inm img,figure.inl img{
宽度:100%!重要;
保证金:0;
填充:0;
}
figure.ins{
宽度:33.3%!重要;
保证金:0;
填充:0;
}
图1.2-1{
保证金:10px 10px 0px 10px!重要;
填充:0!重要;
}
figure.alignnone,figure.alignright{
浮动:对;
保证金:0;
填充:0;
}
图1.2左对齐{
浮动:左;
保证金:0;
填充:0;
}
图figcaption{
位置:绝对位置;
背景色:#000;
颜色:#fff;
不透明度:0.5;
宽度:97%;
底部:13px;
右:0;
高度:自动;
填充:01.5%01.5%;
线高:180%;
字号:9pt;
保证金:0;
文本对齐:右对齐;
}
图:悬停图{
显示:无
}
人体内模{
最大宽度:100%!重要;
}

AAAAAAAA

中交

dddddddd

ffffffff

gggggggggg


hhhhhhhh

您可以使用
i
作为类,然后根据
i
动态执行所有操作,如下所示。我还优化了你的代码,删除了一些额外的代码。我还使用了
wrap
而不是clone和remove元素

$('.inm')。每个(函数(i){
var$this=$(this);
$this.addClass(“i”+i);
var repicl=$this.attr(“类”);
var$alti=$this.attr('alt');
$this.wrap(“”);
$(“#fig”+i).追加(“+$alti+”);
});
图{
保证金:自动;
填充:自动;
浮动:继承;
高度:自动!重要;
位置:相对位置;
}
figure.inm{
宽度:50%!重要;
保证金:0;
填充:0;
}
图1.inl{
宽度:75%!重要;
保证金:0;
填充:0;
}
图3.ins img,
图1.inm img,
图1.inl img{
宽度:100%!重要;
保证金:0;
填充:0;
}
figure.ins{
宽度:33.3%!重要;
保证金:0;
填充:0;
}
图1.2-1{
保证金:10px 10px 0px 10px!重要;
填充:0!重要;
}
图1.1无,
图1.右对齐{
浮动:对;
保证金:0;
填充:0;
}
图1.2左对齐{
浮动:左;
保证金:0;
填充:0;
}
图figcaption{
位置:绝对位置;
背景色:#000;
颜色:#fff;
不透明度:0.5;
宽度:97%;
底部:13px;
右:0;
高度:自动;
填充:01.5%01.5%;
线高:180%;
字号:9pt;
保证金:0;
文本对齐:右对齐;
}
图:悬停图{
显示:无
}
人体内模{
最大宽度:100%!重要;
}

@ramin很乐意帮忙