jQuery 将图像附加到 HTML div

Question

我需要使用 jQuery 将图像附加到 div 中，虽然我已经阅读了很多帖子，但我还没有得出结论。

我有一个 div 调用 profileIcon，我想在其中包含一个将使用 api 加载的图像。因此我必须动态加载它。

<div class="profileIcon" id="profile">
   <!--want image here -->
</div>
<script>
var image = "data...";
</script>

以某种方式将图像附加到 .profileIcon 或带有变量 img 的src 的#profile 中。任何帮助表示赞赏。提前致谢。 jQuery 或者 JS 都可以

Answer 1

这是你想要的吗？

    $(document).ready(function() {
      $('button').click(function() {
        $('#profile').append('<img id="theImg" src="https://picsum.photos/200" />');
      });
    });

CodePen