Javascript 将文本附加到当前选定的div

我正在这个网站www.betamaths.eu上工作

当用户在其中一个具有占位符文本的div中单击，然后单击左侧的按钮时，我希望该按钮中的文本附加到div中

我从另一个用户那里得到了这段代码，它在div之外附加或前置文本（不是我要找的。如果您希望更好地理解，可以使用上面列出的网页左侧菜单中的小写字母按钮来测试它

<script type="text/javascript">
var No = 0;
var focusedElement;
$(document).ready(function() {
    $('#answer_step1').on('click','div',function() {
        focusedElement = this;
    });

    $('#alpha').on('click',function() {
        $('#answer_step1').prepend('<div>Test'+No+'</div>');
        No++
    });
});

---

什么都没有发生。非常感谢任何帮助。如果我能让其中一个正常工作，其余的就很容易了。

您的代码中一定有语法错误，因为我使用了相同的代码，并且能够完成

append（）；

HTML:

<button id="alpha">
Click
</button>

<div id="answer_step1">
hi
</div>

var No = 0;
var focusedElement;

$(document).ready(function() {
    $('#answer_step1').on('click','div',function() {
        focusedElement = this;
    });

    $('#alpha').on('click',function() {
        $('#answer_step1').prepend('Test' + No);
        No++
    });
});

---

我想你要找的答案不在JS代码中。它应该是CSS。我假设你有一些CSS代码需要用divI包装文本。我尝试了复制/粘贴你上面的作品，效果很好。感谢你关注这一点

<button id="alpha">
Click
</button>

<div id="answer_step1">
hi
</div>

var No = 0;
var focusedElement;

$(document).ready(function() {
    $('#answer_step1').on('click','div',function() {
        focusedElement = this;
    });

    $('#alpha').on('click',function() {
        $('#answer_step1').prepend('Test' + No);
        No++
    });
});