javascript - 无法在div下添加按钮

我有一个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中包含图像的子级的变量名。

最佳答案

您遇到的问题是您正在成功地将div附加到映像，但是附加到映像失败。原因是您不能append图像，您必须使用'after'，因为图像不是可以将内容附加到其innerHTML的对象。

所以改变这个：

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

至：

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