jquery動態創建子文檔

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 
    } 
})