我希望它能够扩展td img.standingslogo
的所有实例,但它无法正常工作
jsfiddle - https://jsfiddle.net/ze5ebnw7/13/
$(window).load(function(){
image = []
$('td img.standingslogo').each(function() {
imageWidth = $(this).width();
image[$(this).index()] = imageWidth;
});
$(window).resize(function() {
$('td img.standingslogo').hide();
$('td img.standingslogo').each(function() {
tdWidth = $(this).parent().width();
imgWidth = image[$(this).index()];
if (imgWidth>=tdWidth) {$(this).css({width:tdWidth});} else {$(this).css({width:imgWidth});}
$(this).show();
});
}).resize();
});
答案 0 :(得分:0)
现在正在使用
$(window).load(function(){
image = [];
i=0;
$('.standingslogo').each(function() {
imageWidth = $(this).width();
image[i] = imageWidth;
i++
});
$(window).resize(function() {
$('.standingslogo').hide();
i=0;
$('.standingslogo').each(function() {
tdWidth = $(this).parent().width();
imgWidth = image[i];
if (imgWidth>=tdWidth) {$(this).css({width:tdWidth});} else {$(this).css({width:imgWidth});}
$(this).show();
i++
});
}).resize();
});