如何使用jquery将span添加到html中的span中?

时间:2015-01-17 09:06:57

标签: jquery html css

  <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”,然后在一段时间后将它们作为一个整体删除。有什么帮助吗?

2 个答案:

答案 0 :(得分:1)

spanWordSet.appendTo(li_element);

应该是其他方式

$(li_element).appendTo(spanWordSet);

另一种做法是

spanWordSet.append(li_element);

答案 1 :(得分:1)

spanWordSet.appendTo(li_element);

应该是

$(li_element).appendTo(spanWordSet);

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


&#13;
&#13;
var spanWordSet = $("#words");
var word = ['1'];
var li_element = "<span class='char" + word[0] + "'>" + word[0] + "</span>";
$(li_element).appendTo(spanWordSet);
&#13;
<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>
&#13;
&#13;
&#13;