javascript - 为什么 html 不附加到 div 中？

Question

我正在尝试将 Jquery 中跨度的内部 HTML 附加到屏幕 div。我尝试了append和appendTo。代码如下:

html代码:

<div class="screen"></div>
<div class="keys">
            <!-- operators and other keys -->
            <span>7</span>
            <span>8</span>
            <span>9</span>
            <span>+</span>
            <span>4</span>
            <span>5</span>
            <span>6</span>
            <span>-</span>
            <span>1</span>
            <span>2</span>
            <span>3</span>
            <span>/</span>
            <span>0</span>
            <span>.</span>
            <span>=</span>
            <span>x</span>
        </div>

JS代码:

jQuery(function() {
    $(".keys span").click(function() {
        $(this).html().appendTo(".screen"); // also tried text() instead of html() with no luck
    });
});

我的代码有什么问题吗？

Answer 1

appendTo 是从一个元素到另一个元素，要追加内容，您应该使用:

$('.screen').append($(this).html());

或

$(this).appendTo(".screen");

文档:

http://api.jquery.com/appendto/