jQuery addClass example

Change class name on click in jQuery

by Dmitri Ganenco

JavaScript

var max_fields = 10;
var wrapper = $(".container1");
var add_button = $(".add_form_field");

var x = 1;
$(add_button).click(function(e) {
  e.preventDefault();
  if (x < max_fields) {
    x++;
    $(wrapper).append('<div class="text-center"> <a class="btn btn-primary text-white add_form_field">{{__(' + ')}}</a> <a class="btn btn-danger text-white delete">{{__(' - ')}}</a> </div></div></div></div>'); //add input box
  } else {
    alert('You Reached the limits')
  }
});

$(wrapper).on("click", ".delete", function(e) {
  e.preventDefault();
  $(this).closest('#toremove').slideUp();
  x--;
})