Question

我正在访问这个网站www.betamaths.eu

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

我有来自另一个用户的代码，该代码附加或预先添加div文本（不是我要查找的内容。如果您希望，可以使用上面列出的网页左侧菜单中的小写字母alpha按钮进行测试。得到更好的理解。

<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++
    });
});

如果我改变了行

$('#answer_step1').append('<div>Test'+No+'</div>');

到

$('#answer_step1').append('Test'+No);

没有任何反应。任何帮助表示赞赏。如果我可以让其中一个工作，其余的将很容易。

Answer 1

您的代码中必定存在语法错误，因为我使用了相同的代码并且能够完成append();

<强> HTML：

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

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

<强>使用Javascript：

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++
    });
});

https://jsfiddle.net/typtzr7z/

将文字附加到当前选定的div

1 个答案: