У меня есть панель и стол внутри этой панели.Я добавляю эти панели динамически и добавляю строки в таблицу динамически, используя jQuery.Клонирование строк таблицы работает очень хорошо, но как только я добавлю другую панель, клонирование строк таблицы не будет работать на второй таблице, пожалуйста, помогите.
JS-код для добавления панели:
$('#addBtn').click(function () {
var total = parseInt($("#click_count").val()) + 1;
$("#click_count").val(total);
var htmlcontent = $(".panel-body:last").html();
var beforecontent = '<div class="panel panel-info po_panel">'
+ '<div class="panel-heading">'
+ '<h6 class="panel-title">'
+ '<a data-toggle="collapse" href="#po' + total + '">Add Panel</a>'
+ '</h6>'
+ '</div>'
+ '<div id="po' + total + '" class="panel-collapse collapse in">'
+ '<div class="panel-body">' + htmlcontent + '</div></div> </div>';
$(beforecontent).insertAfter(".po_panel:last");
});
JS-код для строки клона таблицы:
$(function() {
$(".btn").click(function(){
var clone = $(this).closest('tr').clone(true);
$("td:first-child", clone).empty();
$("td:first-child", clone).html('<a href="javascript:void(0);" class="remCF">Remove</a>');
clone.insertAfter( $(this).closest('tr'));
});
$("table.table").on('click','.remCF',function(){
$(this).parent().parent().remove();
});
});