jquery - 如何使用 jquery 将 span 附加到 html 中存在的 span？

Question

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

在js代码中:

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

但我无法将任何 span 标记附加到 span id=words。 这个想法是将一串字母作为 span 标签附加到 span id="words"上，然后在一段时间后将它们作为一个整体删除。有帮助吗？

Answer 1

spanWordSet.appendTo(li_element);

应该是

$(li_element).appendTo(spanWordSet);

您必须使用 jQuery 选择器 $()。

---

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>