How do I append span to span present in html using jquery?

Question

  <h2 class="cs-text">Word Set 
    <span id="words"> 
    </span>
  </h2>

in js code:

            var spanWordSet = $("#words");
            var li_element = "<span class='char" + word[0] + "'>" + word[0] + "</span>";
            spanWordSet.appendTo(li_element);

But I'm not able to append any span tag to the span id=words. The idea is to append a bunch of letters as span tag to the span id="words" and then remove them as a whole after a while. Any help?

you mistake appendTo with append

Jan Legner
– Jan Legner

2015-01-17 09:10:50 +00:00
Commented Jan 17, 2015 at 9:10 — Jan Legner
– Jan Legner, Commented Jan 17, 2015 at 9:10

Weafs.py · Accepted Answer · 2015-01-17 09:19:18Z

1

spanWordSet.appendTo(li_element);

should be

$(li_element).appendTo(spanWordSet);

You have to use the jQuery selector, $().

var spanWordSet = $("#words");
var word = ['1'];
var li_element = "<span class='char" + word[0] + "'>" + word[0] + "</span>";
$(li_element).appendTo(spanWordSet);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2 class="cs-text">Word Set 
    <span id="words"> 
    </span>
  </h2>

answered Jan 17, 2015 at 9:19

Weafs.py

23k9 gold badges58 silver badges80 bronze badges

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

Comments

Amit Joki · Accepted Answer · 2015-01-17 09:21:49Z

1

spanWordSet.appendTo(li_element);

should be other way round

$(li_element).appendTo(spanWordSet);

Yet another way of doing is

spanWordSet.append(li_element);

edited Jan 17, 2015 at 9:21

answered Jan 17, 2015 at 9:09

Amit Joki

59.4k7 gold badges80 silver badges96 bronze badges

Collectives™ on Stack Overflow

How do I append span to span present in html using jquery?

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