Insert HTML through jQuery using .join() of an array

Question

The following script should insert the code that is set in an array into a specific 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>

I've tried through an alert: if the cate-id is set, the right div is gotten, and it works. But it doesn't include the array. Could someone help me on this? What have I done wrong?

Thanks in advance, I appreciate your effort.

use .append(editorHTML) or .prepend(editorHTML)

lloyd
– lloyd

2017-07-13 23:49:45 +00:00
Commented Jul 13, 2017 at 23:49 — lloyd
– lloyd, Commented Jul 13, 2017 at 23:49

jmoerdyk · Accepted Answer · 2017-07-13 23:35:11Z

4

The line:

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

isn't actually doing anything.

To replace the html in the element use:

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

Or to append to the element:

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

answered Jul 13, 2017 at 23:35

jmoerdyk

5,5468 gold badges43 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alexander Higgins · Accepted Answer · 2017-07-13 23:33:54Z

3

You need to pass the HTML to the .html jQuery Function:

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

answered Jul 13, 2017 at 23:33

Alexander Higgins

6,9341 gold badge30 silver badges45 bronze badges

Comments

Alexandr · Accepted Answer · 2017-07-13 23:42:19Z

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

answered Jul 13, 2017 at 23:42

Alexandr

1,0419 silver badges16 bronze badges

Collectives™ on Stack Overflow

Insert HTML through jQuery using .join() of an array

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related