Как сделать ширину figure под ширину картинки, а не figcaption

А зачем тут хитрить и зачем тут скрипты? Стили пишутся с помощью CSS.

Ну. И как сделать с помощью стилей? Сейчас figure вытягивается по ширине figcaption (шире картинки). А мне надо, чтобы figcaption была не шире картинки.

P.S. Нашел, сам бы не догадался до такого.

figure {display:table}

figcaption{display:table-caption;caption-side:bottom;}

Ну. И задайте элементу figure ту ширину, которая требуется.

Это не так.

Я тоже до этого не догадался бы, к счастью. Поскольку использую табличную вёрстку по прямому назначению.
Но в принципе сойдёт, если устроит то, что ширина картинки будет скакать , то больше, то меньше.

ширина картинки неизвестна - любая может быть, написал в самом начале. Может быть узкая и длинная, может быть низкая и широченная.

Я читал это в самом начале. Но это не значит, что вы не можете прописать нужную ширину картинки. Однако это дело вкуса: ширина картинки, ширина блока с картинкой, ширина надписи под картинкой, расположение картинки в родительском элементе. Но это в любом случае надо ограничить:

Я бы тогда уж попробовал для  figure поставить  display: inline-block;

А, нет. Ошибся. Он тоже растягивается текстом. Тогда таблицы - самое простое.

Да не растягивается он текстом. Он растягивается на всю ширину родительского блока.

Чтобы получить заранее неизвестные размеры изображения, как раз и нужен скрипт.

Когда значения будут получены, они присваиваются соответствующим атрибутам ширины и высоты figure.

Это ты меня учить будешь? Так я это и без тебя знаю.