我遇到了这个片段,其功能是用一个span包装img标签并制作span的图像背景图像。我的问题是,我怎样才能使它只适用于特定div中的某个img标签或某些img标签?
(文档)$。就绪(函数(){
$("img").load(function() {
$(this).wrap(function(){
return '<span class="image-wrap ' + $(this).attr('class') + '"
style="position:relative; display:inline-block; background:url(' + $(this).attr('src') + ') no-repeat center center; width: ' + $(this).width() + 'px; height: ' + $(this).height() + 'px;" />';
});
$(this).css("opacity","0");
});
});
答案 0 :(得分:0)
简单易用,只需用不同的selector替换$("img")
即可在不同的图像集上运行“包装”代码,而不是现场的所有图像。例如,使用$(".extra img")
来定位标记内的任何img,类为“extra”(class =“extra”)。
这是jQuery的一个基本的,微不足道的知识 - 我建议你通过jQuery教程阅读或者更好,使用jQuery代码学校http://try.jquery.com/来学习如何使用jQuery。