jqueryで新しい要素を作成する方法

Question

JQueryとDropzoneプラグインに関する質問があります。

私はこのようなhtmlコード持っている：私はaddRemoveLinks: trueを設定し、リンクの削除ファイルを少しスタイリングしたいしたいdropzone.jsで

<form action="/file-upload" class="dropzone"> 
    <div class="fallback"> 
    <input name="file" type="file" multiple /> 
    </div> 
</form> 

を。

dropzone.jsのコードは次のとおりです。

Dropzone.prototype.defaultOptions = { 
dictRemoveFile: "Remove file", 
    if (this.options.addRemoveLinks) { 
      file._removeLink = Dropzone.createElement("<a class=\"dz-remove btn btn-default\" href=\"javascript:undefined;\" data-dz-remove>" + this.options.dictRemoveFile + "</a>"); 
      file.previewElement.appendChild(file._removeLink); 
    } 

そして、私は要素を検査しない結果は次のとおりです。

<a class="dz-remove btn btn-default" href="javascript:undefined;" data-dz-remove="">Remove file</a> 

は、私はちょうどちょうどタグ外div class="custom"を作りたいa

例：

Dropzone.prototype.defaultOptions = { 
    dictRemoveFile: "Remove file", 
     if (this.options.addRemoveLinks) { 
       file._removeLink = Dropzone.createElement("<div class=\"custom\"><a class=\"dz-remove btn btn-default\" href=\"javascript:undefined;\" data-dz-remove>" + this.options.dictRemoveFile + "</a><div>"); 
       file.previewElement.appendChild(file._removeLink); 
       } 

しかし、どうしてか分かりません。私がウェブブラウザでそれを実行しようとすると、リンクはクリック可能ではありません。だから私は、要素を検査しようとすると、それはこれだけあります

<div class="custom">Remove file</div> 

お知らせタグaがなくなっています。

私はこの

<div class="custom"> 
<a class="dz-remove btn btn-default" href="javascript:undefined;" data-dz-remove="">Remove file</a> 
</div> 

のような結果をしよう。しかし、それが正常に動作していません。

Answer 1

私はすでに、これはうまくいくかもしれない持っているドロップゾーンに慣れていないんだが、コードに基づいて：

Dropzone.prototype.defaultOptions = { 
    dictRemoveFile: "Remove file", 
     if (this.options.addRemoveLinks) { 
      file._removeLink = Dropzone.createElement("<a class=\"dz-remove btn btn-default\" href=\"javascript:undefined;\" data-dz-remove>" + this.options.dictRemoveFile + "</a>"); 
      var custom = Dropzone.createElement("<div class=\"custom\"></div>"); 
      custom.appendChild(file._removeLink); 
      file.previewElement.appendChild(custom); 
     } 

Answer 2

混乱を避けるために、代わりにHTMLの値のための二重引用符を使用するコードをより読みやすくするためにあなたのコードで間違っているものを見るかもしれないから

Dropzone.createElement("<a class='dz-remove btn btn-default' href='javascript:undefined;' data-dz-remove=''>Remove file</a>") 

あなたは、バックスラッシュを取り除くでしょう。この方法：同じように単一引用符を使用する属性。