jqueryでサブ文書を動的に作成する

Question

Jqueryによって次のサブ文書を動的に作成する方法の1つがわかります。まず、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 
    } 
})