Добавить текст в данный момент выбран DIV

Question

Я работаю на этом сайте www.betamaths.eu

Когда пользователь нажал внутри одного из дивы, которые имеют шаблонный текст, а затем нажать кнопку на левой стороне, я бы как текст с этой кнопки для добавления внутри div.

У меня есть этот код от другого пользователя, который добавляет или добавляет текст ouside 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++ 
    }); 
}); 

Если изменить линию

$('#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/