jQuery addClass example

Change class name on click in jQuery

by markovfranc

HTML

<button id="addQA">Добавить блок</button>
<div id="qa"></div>

JavaScript

$(document).on('click', '#addQA', addQA);

function addQA() {
  var aNum = 0;
  var question = "<div class='answers'>" +
    "<div class='answer'>" +
    "<a href='javascript: return false;' class='create-answer'>Добавить</a>" +
    "</div>" +
    "</div>";

  $('#qa').append(question);
}

$(document).on("click", ".create-answer", function() {
  var aNum = $('.answers .answer').length;

  var answer = "<div class='answer'>" + aNum + "</div>\n";

  $(this).closest('.answers').append(answer);
});