Javascript Can';t在div下添加按钮

Javascript Can';t在div下添加按钮,javascript,jquery,Javascript,Jquery,我有一个Chrome扩展,可以在HTML页面上插入一个按钮。我让它在一个div下添加按钮。现在我试图让它在该div中的图像下添加按钮,但它不起作用-没有错误,按钮就是不出现。当我执行console.log(image\u div)时;它打印出图像对象 有效版本: var uCW = jNode.closest("[role='article']"); uCW.append(button); 无法工作的版本: var image_div = $(uCW).find('[src^="https:/

我有一个Chrome扩展,可以在HTML页面上插入一个按钮。我让它在一个div下添加按钮。现在我试图让它在该div中的图像下添加按钮,但它不起作用-没有错误,按钮就是不出现。当我执行console.log(image\u 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的变量名。

您遇到的问题是您正在成功地附加到
div
,但附加到图像失败。原因是您不能将附加到图像,您必须使用“after”,因为图像不是可以将内容附加到其内部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);
至:

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

你说“不行”是什么意思?会发生什么?您试图调试该问题的原因是什么?该按钮没有出现在页面上。当我执行console.log(image\u div)时;它打印图像对象。打印图像?现在要在图像中附加一个按钮吗?同样不清楚的是,一个是如何使用Nestest的,另一个是如何使用FindHMM的,这似乎是在不同的图像下工作的。。。我仍然不知道发生了什么,但我认为你是对的,我使用的图像有点奇怪。我会继续摆弄的,谢谢!