Последовательность клонирования JQuery не работала должным образом

Question

Это продолжение с предыдущим SO вопросом с этим текущим кодом, где я могу видеть последовательный номер. Если мне это понравилось первоначально, мой id начинается с expy -1, если я нажму кнопку add more кнопка, она достигла совершенно экспирации-2, но когда я нажимаю от выбытия -1, клон-expy-3 должен прибыть после expy-2 не внутри expy-1 и expy-2

И когда я пытаюсь удалить expy-2 оттуда он должен автоматически обнаруживать id
, например, если у меня есть expy-1, expy-2, expy-3 & expy-4, если я удаляю expy2, конечный результат должен быть как expy-1, expy-2, expy -3

Согласно предыдущему пользователю сказал я удалил ++rowCount и перешел на rowcount

$clone.find('[id]').each(function() { 
    this.id += '_' + num; 
    console.log(this.id); 
    $(this).removeClass("errRed"); 
    if ($(this).hasClass("required_Field")) { 
     $(this).prevAll('label').find('span.required-star').removeClass('text-error-red'); 
     $(this).addClass("cloned_field"); 
    } else { 
     $(this).removeClass("errRed"); 
     $(this).removeClass("text-error-red"); 
    } 
    }); 
    $clone.find('.btn_more').after("<input type='button' class='btn_less1 edu_btnle' id='buttonless" + (++rowCount) + "'/>") 
    $clone.attr('id', "expy-" + (rowCount)).addClass('exp_add'); 

Здесь представлен fiddle link

Answer 1

На click из btn_less1 наделите colned-row3 нового ids

$(document).on('click', ".btn_less1", function() { 
    var len = $('.cloned-row3').length; 
    if (len > 1) { 
    $(this).closest(".btn_less1").closest(".cloned-row3").remove(); 
    } 

    // Iterating cloned-row3 and changin the id 
    $(".cloned-row3").each(function(i){ 
     this.id = "expy-"+(i+1); 
    }); 
}); 

Live Fiddle

Имеет смысл?