Позиционирование кнопки с помощью jQuery

Question

Я пытаюсь разместить кнопку чуть ниже / после изображения с помощью Jquery.

Кнопка - это просто div с некоторым javascript:

<div id="printer" onclick="window.open('./print','Printer', 'resizable=yes');">

Точка, в которой я застрял: я не могу получить это после первого изображения с использованием jQuery.

Местоположение изображения в CSS будет:

.question .entry-content p img:first { }

Кто-нибудь, кто может мне помочь?

Вы можете просмотреть СКРИНШОТ здесь: -,

Вы можете просмотреть источник этой страницы: -

Answer 1

Простой:

$('#printer').insertAfter('.entry-content img:first');

---

Вы также должны удалить поплавок.В идеале это должно быть сделано с помощью CSS.Если это невозможно, используйте это:

$('#printer').insertAfter('.entry-content img:first').css('float', 'none');

Answer 2

Добавить эту CSS

#printer { position:absolute; top:280px; margin:0; }
.qa-main { position:relative; }

Answer 3

Добавить display:block свойство с использованием CSS.