Javascript JQuery追加图像未显示

对于此代码块

$(document).ready(() => {
    for (let i = 0; i < 10; i++) {
      $("#main").append(factory());
    }
  });

我也在使用bootstrap4

该页面目前只是一个静态模型。我想根据本地服务器提供给它的数据动态构建元素

实际上，我只是在周末把HTML/CSS和jQuery弄得一团糟，所以我不确定这里出了什么问题。这两个函数不应该返回相同的jQuery对象吗

谢谢

CSS类

.champ-icon {
        width: 100px;
        height: 100px;
      }

编辑：使用普通javascript创建它也可以

function factory() {
        let img = new Image();
        img.src = "resources/irelia.jpg";
        img.className = "champ-icon rounded-circle";
        return img;

---

这是因为您正试图以编程方式在html中创建

元素，这。。。不存在。要在页面上插入元素，应使用

，而不是

。换行

let $champIcon = $(document.createElement("image"))

到

---

正确的HTML标记是

img

而不是

image

。尝试用$（document.createElement（“img”）替换.code.（document.createElement（“image”））或

让$champIcon=$（''）

是。我刚意识到有img和image。除息的。谢谢如果我能帮上忙，你能帮我把我的回答记为接受吗？非常感谢，祝你度过愉快的一天（或一夜；）

function factory() {
        let img = new Image();
        img.src = "resources/irelia.jpg";
        img.className = "champ-icon rounded-circle";
        return img;

let $champIcon = $(document.createElement("image"))

let $champIcon = $(document.createElement("img"))