小编Jak*_*ake的帖子

我有高度和宽度不同的div,并希望我的图像自动调整大小以100%填充这些div,然后当然居中.

目前我的图像设置为宽度100%,然后使用下面居中的jQuery,但这仅适用于高度大于div的图像一旦调整大小.我将如何使其高度和宽度均为100%中心也..完全填充div(即使这意味着拉伸图像)!

谢谢.

$('img.shelf-img').each(function(i, item) {
    var img_height = $(item).height();
    var top_margin = -(img_height / 2);
    $(item).css({
        'top': '50%',
        'margin-top': top_margin
    });
});

我有两个几乎相同的功能.它们之间的唯一区别是一个有+一个-.这些在每个函数中使用了大约20次,所以我想用var来简化这个.

我仍然是JavaScript的新手,所以我不知道从哪里开始,但是类似于:

if ( blah blah ){
    var symbol = '-';
} else{
    var symbol = '+';
}

var example = value1 [symbol] value2;

谢谢

是否可以使用var $ this = $(this); 还是有更好/更受欢迎的方式？

我问的唯一原因是我的文本编辑器似乎不喜欢它.我假设它是因为$这可以用于另一种语言而不是Jquery.

我的代码看起来像这样:

var $this;
$('.element').each(function () {
  $this = $(this);
});

如果这属于代码审查,请道歉,但我没有得到太多帮助.