挿入HTML（）配列

Question

の次のスクリプトは、特定のdivに配列に設定されているコードを挿入する必要があります。私が試した

$(this).on("click", '[data-action="toggle-cat-edit"]', function() { 
 
    var catid = $(this).data("cate-id"); 
 
    var editorHTML = [ 
 
    "<div>", 
 
    "<p>hello</p>", 
 
    "</div>" 
 
    ].join("\n"); 
 
    $('#edit-category-tools-' + catid).editorHTML; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="edit-category-tools-ID"></div>

を警告：cate-idが設定されている場合、正しいdivが取得され、動作します。しかし、配列は含まれていません。誰かが私にこれを助けることができますか？私は何を間違えたのですか？

ご協力いただきありがとうございます。

Answer 1

$(this).on("click", '[data-action="toggle-cat-edit"]', function() { 
    var catid = $(this).data("cate-id"); 
    var editorHTML ="<div><p>hello</p></div>"; 
    $('#edit-category-tools-' + catid).append(editorHTML); 
}); 

Answer 2

あなたは.html jQueryの関数にHTMLを渡す必要があります：

$('#edit-category-tools-' + catid).html(editorHTML); 

Answer 3

ライン：

$('#edit-category-tools-' + catid).editorHTML; 

が実際に何もしていません。

$('#edit-category-tools-' + catid).html(editorHTML); 

または要素に追加する：

は、要素、使用中のhtmlを交換するには

$('#edit-category-tools-' + catid).append(editorHTML);