Как дать каждой картинке в блоке нужные стили через jQuery?

Question

[Nikita Shchypylov]

Всем привет

В блок через CMS заливаются фотки
Для их обработки был написан данный скрипт :

var img = $('.novelty-full img, .simple_h1_editor img, .default-editor img');
			var imgWidth = img.width();

			img.css('display', 'inline-block');
			img.css('max-width', imgWidth);
			img.css('width', '100%');
			img.css('height', 'auto');

Проблема в том, что imgWidth берется только от первой картинки
Как можно это решить?
Спасибо

Comments

[Шаров Дмитрий]

Обойди в цикле все картинки

var imgs = $('.novelty-full img, .simple_h1_editor img, .default-editor img');
var imgWidth = 0;
imgs.css('display', 'inline-block');
imgs.css('width', '100%');
imgs.css('height', 'auto');
$.each(imgs, function(i, img){
    imgWidth = img.width();
    imgs.css('max-width', imgWidth);
}

[Nikita Shchypylov]

Шаров Дмитрий: Спасибо!

Answer 1

[Stalker_RED]

https://api.jquery.com/each/

$('.novelty-full img, .simple_h1_editor img, .default-editor img').each(function(){
      var img = $(this);
      var imgWidth = img.width();

      img.css('display', 'inline-block');
      img.css('max-width', imgWidth);
      img.css('width', '100%');
      img.css('height', 'auto');
});

Comments

[Nikita Shchypylov]

Большое спасибо!