append+remove
// JavaScript Document
var Pluginjs = function(){
var boothstrapTouchspin100 = function(){
$("input[name='min100']").TouchSpin({
step : 100,
min:100,
max:500
}).on('touchspin.on.startupspin', function () {
//alert("HI");
var container = $('#addTitles');
var inn = container.find('.app-div');
var $id = inn.length+1;
$id++;
$(container).append('<div id="app'+$id+'"><div class="col-md-12"><div class="app-div"><div class="closed-btn pull-right"><a href="javascript:"><i class="fa fa-times "></i></a></div> <div class="input-group" > <span id="sizing-addon2" class="input-group-addon">Order # '+ $id +'</span><input type="text" placeholder="" class="form-control"> </div></div></div></div>');
$('#addTitles').on('click','.closed-btn',function(e){
e.preventDefault();
var par = $(this).closest($("[id^=app]"));
$(par).remove();
});
$("input[name='min100']").TouchSpin().on('touchspin.on.startdownspin',function(e){
e.preventDefault();
var par2 = $('#addTitles').find('.closed-btn').closest($("[id^=app]"));
$(par2).remove();
});
});
};//boothstrapTouchspin100
var boothstrapTouchspin200 = function(){
$("input[name='min200']").TouchSpin({
step : 200,
min:200,
max:1000
});
};//boothstrapTouchspin200
var boothstrapTouchspin300 = function(){
$("input[name='min300']").TouchSpin({
step : 300,
min:300,
max:1000
});
};//boothstrapTouchspin200
var boothstrapTouchspinwrit = function(){
$("input[name='writ100']").TouchSpin({
postfix : "Days"
});
};//boothstrapTouchspinwrit
var boothstrapTouchspinwtm = function(){
$("input[name='wtm100']").TouchSpin({
postfix : "Days"
});
};//boothstrapTouchspinwtm
return{
init : function()
{
boothstrapTouchspin100();
boothstrapTouchspin200();
boothstrapTouchspin300();
boothstrapTouchspinwrit();
boothstrapTouchspinwtm();
}
};
}();