Question

我知道Jquery动态创建以下子文档的一种方法。首先通过document.createElement（）创建单个元素，然后添加其对应的类和属性，最后通过append方法连接元素。

但我想知道有没有更简单的方法来动态创建整个子文档。

.card
    .card-block
        .row
            .col-11
                .card-title
                    h5 Group Name:
                    p Task Title:
                    each value, index in array
                        span.member.mr-3 !{value}
                            a.remove.ml-2(href='javascript:;' title="Remove" data-index=index)
                                i.fa.fa-times(aria-hidden="true")
                     a.newMember(type="button" data-toggle="modal" data-target="#memberModal" href='javascript:;' title="Add")
                         i.fa.fa-plus(aria-hidden="true")
                    br
                    div.mt-3
                        a(href='') Discussion
                        a.ml-3(href='') Documnets
        .col-1
            a.delete(href='javascript:;' title="Delete" data-index=i)
               i.fa.fa-trash(aria-hidden="true")

Answer 1

jQuery允许您在创建对象时使用包含映射的对象指定对象的所有属性和属性：

$("<a>", {
    "class": "delete",
    "href": "javascript:;",
    "title": "Delete",
    "data": {
        "index": i
    }
})

通过jquery动态创建子文档

1 个答案: