jquery - 使用数组的 .join() 通过 jQuery 插入 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

行:

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

实际上什么都没做。

要替换元素中的 html，请使用:

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

或者附加到元素:

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