How to add 2 strings to jQuery .html()

Question

I have the following vars:

   $delBtn = $('text');
   $updateBtn = $('text2');

Now, if I want to insert one inside another element, I would use:

  $element.html($delBtn)

But how can I inset them as a concatenated pair?

 $element.html($delBtn + $updateBtn)

Does not appear to work?

You can use append $element.append($updateBtn).

Aravind Sivam
– Aravind Sivam

2014-10-14 13:40:23 +00:00
Commented Oct 14, 2014 at 13:40 — Aravind Sivam
– Aravind Sivam, Commented Oct 14, 2014 at 13:40

George · Accepted Answer · 2014-10-14 13:39:54Z

5

Use .append(), which'll take as many parameters as you need:

$element.append($delBtn, $updateBtn);

If you need to empty it first, that's easy to do:

$element.empty().append($delBtn, $updateBtn);

answered Oct 14, 2014 at 13:39

George

36.9k9 gold badges70 silver badges109 bronze badges

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

Comments

iCollect.it Ltd · Accepted Answer · 2014-10-14 13:50:15Z

3

You can either concatenate the HTML as strings:

 $element.html($delBtn.html() + $updateBtn.html())

Note: This will copy the elements and not move them.

Or add the elements into a single jQuery object/collection to append:

 $element.empty().append($delBtn.add($updateBtn));

or http://jsfiddle.net/TrueBlueAussie/0bp2h0Lu/

 $element.empty().html($delBtn.add($updateBtn));

Note: These will move the elements (which is what you specified).

You are better off using the other methods like empty() to clear it and append() to add children as that will be faster than re-parsing the HTML and re-creating elements.

edited Oct 14, 2014 at 13:50

answered Oct 14, 2014 at 13:39

iCollect.it Ltd

93.9k26 gold badges189 silver badges210 bronze badges

Collectives™ on Stack Overflow

How to add 2 strings to jQuery .html()

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related