在jquery中创建multi div元素

Question

我想创建一个函数，通过捕获标题，文本，照片，链接和链接文本为我创建几个框。这些值改变了，但是盒子的整体形状是一个模型]

每个div包含jQuery代码采用的不同值：

<div>
   <img></img>
   <h3></h3>
   <p></p>
   <a><span></span></a>
</div>
我尝试但未完成但不起作用：

$(document).ready(function () {
        var newDiv = document.getElementById("reports-box");

        function makenewDivBox(options) {
            var div = document.createElement("div");
            for (var i = 0; i < options.length; i++) {
                var div = document.createElement("div");
                var img = document.createElement("img");
                var title = document.createElement("h3");
                var description = document.createElement("p");
                var link = document.createElement("a");
                var linkText = document.createElement("span");
                img.id = img1;
                img.type = "img";
                img.src = options[i].src;
                title.id = Title1;
                title.type = "h3";
                title.text = options[i].text;
                description.id = des1;
                description.type = "p";
                description.text = options[i].text;
                link.id = link1;
                link.type = "hrefa";
                link.text = options[i].text;
                linkText.id = des1;
                linkText.type = "hrefa";
                linkText.text = options[i].text;
                div.appendChild(img)
                div.appendChild(title)
                div.appendChild(description)
                div.appendChild(link)
                div.appendChild(linkText)
            }
            newDiv.appendChild(div);
        }
        var options1 = [{
            title="t1",
            img: "url('image/j1.png')",
            description: "content1",
            link: "www.link1.com",
            linkText: "click here"
        }]
        var options2 = [{
            title="t2",
            img: "url('image/j2.png')",
            description: "content2",
            link: "www.link2.com",
            linkText: "more here"
        }]
        var options3 = [{
            title="t3",
            img: "url('image/j3.png')",
            description: "content3",
            link: "www.link3.com",
            linkText: "report here"
        }]
        var options4 = [{
            title="t4",
            img: "url('image/j4.png')",
            description: "content4",
            link: "www.link4.com",
            linkText: "more details here"
        }]
        makenewDivBox(options1);
        makenewDivBox(options2);
        makenewDivBox(options3);
        makenewDivBox(options4);
});

我想创建一个函数，通过捕获标题，文本，照片，链接和链接文本为我创建几个框。这些值会发生变化，但盒子的整体形状是模型...

Answer 1

我能够自己解决。我将代码放在这里，也许对某人有用：