Javascript 根据单击按钮后选择的div，在SweetAlert2弹出消息中包含不同的图像

我认为类似的问题在过去也得到了回答。然而，我读了很多StackOverflow帖子，仍然无法解决这个问题。可能是因为我对jQuery还没有很好的理解，无法将基本概念应用到我需要解决的问题上。所以，如果你能帮我解决这个问题，我将不胜感激。谢谢

现在发生的情况如下：

1.当点击中间的按钮时，五个圆圈出现。

2.当您单击一个圆圈时，将显示一条由SweetAlert2生成的弹出消息。

3.单击弹出消息中的“确定”按钮时，消息关闭，您可以看到圆圈的背景已更改为浅橙色。

我想做的是：单击带有文本“OK”的圆圈时，在弹出消息中显示不同的图像（）。

注意：我为所有圆指定了“选项”类，并为每个圆指定了不同的id。文本为“OK”的圆圈的id为“option5”

$（文档）.ready（函数（）{
$（“#测试”）。单击（函数（）{
$（“.options:hidden”）.fadeIn（）
.on（“单击”，函数（）{
$（this.css（“背景”，“F3C78D”）；
})
.on（“单击”，函数（）{
游泳({
标题：“甜蜜！”，
文本：“具有自定义图像的模态。”，
imageUrl:'https://unsplash.it/400/200',
图像宽度：400，
图像高度：200，
imageAlt:'自定义图像'，
动画：错误
})
//游泳({
//标题：“甜蜜！”，
//文本：“具有自定义图像的模态。”，
//imageUrl:'https://s25.postimg.cc/kw0l49gz3/original.png',
//图像宽度：400，
//图像高度：200，
//imageAlt:'自定义图像'，
//动画：错误
// })
});
});
});
正文{
字体系列：“可怜的故事”，无衬线；
}
#试验{
光标：指针；
显示：块；
文本对齐：居中；
位置：绝对位置；
显示器：flex；
左：50%；
最高：50%；
转换：翻译（-50%，-50%）；
}
.选项{
背景#f7f7f5；
显示：无；
文本对齐：居中；
垂直对齐：中间对齐；
位置：绝对位置；
宽度：100%；
左：50%；
最高：50%；
边界半径：50%；
边框样式：实心；
边框颜色：#F3C78D；
宽度：60px；
高度：60px；
字体大小：12px；
}
.选项范围{
颜色：#000000；
文本对齐：居中；
垂直对齐：中间对齐；
位置：绝对位置；
宽度：100%；
左：50%；
最高：50%；
转换：翻译（-50%，-50%）；
}
#选择1{
转换：转换（-100%，-150%）；
}
#选择2{
转换：翻译（-160%，-40%）；
}
#选择3{
转换：翻译（-50%，50%）；
}
#选择4{
转化：翻译（60%，-40%）；
}
#选择5{
转换：翻译（15%，-150%）；
}

测试
你好
世界
再见

你好吗？
好的
可以
您可以使用data属性定义元素内部的图像链接，然后可以在JS代码中轻松使用它。您也可以对其他参数执行相同的操作


$（文档）.ready（函数（）{
$（“#测试”）。单击（函数（）{
$（“.options:hidden”）.fadeIn（）
.on（“单击”，函数（）{
$（this.css（“背景”，“F3C78D”）；
})
.on（“单击”，函数（）{
var url=$（this.attr（'data-img'）；
游泳({
标题：“甜蜜！”，
文本：“具有自定义图像的模态。”，
imageUrl:url，
图像宽度：400，
图像高度：200，
imageAlt:'自定义图像'，
动画：错误
})
});
});
});
正文{
字体系列：“可怜的故事”，无衬线；
}
#试验{
光标：指针；
显示：块；
文本对齐：居中；
位置：绝对位置；
显示器：flex；
左：50%；
最高：50%；
转换：翻译（-50%，-50%）；
}
.选项{
背景#f7f7f5；
显示：无；
文本对齐：居中；
垂直对齐：中间对齐；
位置：绝对位置；
宽度：100%；
左：50%；
最高：50%；
边界半径：50%；
边框样式：实心；
边框颜色：#F3C78D；
宽度：60px；
高度：60px；
字体大小：12px；
}
.选项范围{
颜色：#000000；
文本对齐：居中；
垂直对齐：中间对齐；
位置：绝对位置；
宽度：100%；
左：50%；
最高：50%；
转换：翻译（-50%，-50%）；
}
#选择1{
转换：转换（-100%，-150%）；
}
#选择2{
转换：翻译（-160%，-40%）；
}
#选择3{
转换：翻译（-50%，50%）；
}
#选择4{
转化：翻译（60%，-40%）；
}
#选择5{
转换：翻译（15%，-150%）；
}

测试
你好
世界
再见

你好吗？
好的
可以
哦，我明白了！谢谢顺便问一下，如果我想显示不同的弹出消息，我应该怎么做？（显示一个不同的弹出消息，只显示一个圆圈，上面写着“OK”）亲爱的Termani，我想应用你教我的东西，我又被卡住了。。。这一次，我想通过使用“click:async function（）”显示一个需要用户输入的弹出消息。而且，我不知道如何运用你教给我的东西@JL嗯，我不太习惯此警报，您可能会添加另一个问题，您将获得更多帮助；）