Невозможно добавить кнопку под div

Question

У меня есть расширение Chrome, которое вставляет кнопку на страницы HTML. Я получил это, чтобы добавить кнопку под одним div. Теперь я пытаюсь заставить его добавить его под изображением в этом div, и он не будет работать - без ошибок, кнопка просто не появляется. Когда я делаю console.log (image_div); он печатает объект изображения.

Версия, которая работает:

var uCW = jNode.closest("[role='article']");
uCW.append(button);

Версия, которая не работает:

var image_div = $(uCW).find('[src^="https://external"]');
image_div.append(button);

uCW - это имя переменной, которую я дал родительский div, а image_div - это имя переменной, которую я дал ребенку в uCW, который содержит изображение.

Answer 1

Проблема, с которой вы столкнулись, заключается в том, что вы успешно добавляете div, но при добавлении к изображению происходит сбой. Причина в том, что вы не можете append к изображению, вы должны использовать «после», поскольку изображение не является объектом, который может содержать контент, добавляемый к внутренней HTML его.

Так измените это:

var image_div = $(uCW).find('[src^="https://external"]');
image_div.append(button);

на:

var image_div = $(uCW).find('[src^="https://external"]');
image_div.after(button);