добавить класс ребенка после того, как ребенка после addClass клонировать

Я хочу, чтобы клонировать. Я хочу, чтобы добавить класс ВЫБ.2, потому что, когда я клонировать ВЫБ.2 тоже его не отвечает.добавить класс ребенка после того, как ребенка после addClass клонировать

$(document).ready(function() { 
 
    addBarang(); 
 
}); 
 

 
function addBarang() { 
 
    var new_barang = $(".hidden_input").find(".barang_in").clone().addClass("barang_in_clone"); 
 
    $(".target_clone:last").append(new_barang); 
 
    //  $(".barang_in_clone:has(select)").addClass("select2"); 
 
} 
 

 
$('body').on('click', '.btn_kurangi_barang', function() { 
 
    $(this).closest('.barang_in_clone').remove(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
    <div class="hidden_input" style="display: none"> 
 
    <div class="barang_in"> 
 
     <label class="col-md-4 control-label">Kode Hanca</label> 
 
     <select name="id_vendor_detail" class="form-control" required=""> 
 
     <option value="">- PILIH -</option> 
 
     <option value="1">- Orange -</option> 
 
     <option value="2">- Pink -</option> 
 
     <option value="3">- Red -</option> 
 

 
     </select> 
 
     <button onclick="addBarang()" type="button" data-toggle="tooltip" data-placement="top" title="tambah vendor" class="btn btn-info btn-flat btn-xs pull-left btn_tambah_vendor"><i class="fa fa-plus"></i> add</button> 
 
     <button type="button" data-toggle="tooltip" data-placement="top" title="kurangi barang" class="btn btn-danger btn-flat btn-xs pull-right btn_kurangi_barang"><i class="fa fa-minus"></i> Remove</button> 
 
    </div> 
 
    </div> 
 
    <div class='target_clone'> 
 
    </div> 
 

 
</body>

о том, как addClass select2select?

// фиктивный текст, Lorem Ipsum морковь, экологический томатный суп. Клинические лодки на кровати. Каждое бюро самая большая проблема. Пока мы не сидеть легко. В передней части массы жизни, а не на nisl vulputate sagittis целого числа. И нет у них, ни страха членов gravida Vel Крас сидеть Амет СЭМ. Из игроков в воротах, был aliquet hendrerit DUIs. Я ненавижу звук мягкого избиения. Lorem Ipsum боль сидеть Амет, consectetur adipiscing Элит. Данк экологического салата, антиоксиданты разносторонних в клинической malesuada. Nullam tristique НИСИ СЭД СЭМ недвижимости, от концов большой мягкой. Клиническое салат всегда на Nunc индивидуальных финансовых стрелок был из

источник

2016-09-29 wawan Setiyawan

Попробуйте пожалуйста new_barang вар = $ ("Hidden_input. ") Найти (" Barang_in.") Clone()..; new_barang.addClass ("barang_in_clone"); $ ("Target_clone:. Последняя"). Append (new_barang); добавил –

Использование $(".barang_in_clone select").addClass("select2"); селектора можно выбрать класс клонировали в состоянии добавить HTML.

Пожалуйста, проверьте ниже фрагмент кода для лучшего понимания.

$(document).ready(function() { 
 
    addBarang(); 
 
}); 
 

 
function addBarang() { 
 
    var new_barang = $(".hidden_input").find(".barang_in").clone().addClass("barang_in_clone"); 
 
    $(".target_clone:last").append(new_barang); 
 
    $(".barang_in_clone select").addClass("select2"); 
 
    $(".select2").select2(); 
 
} 
 

 
$('body').on('click', '.btn_kurangi_barang', function() { 
 
    $(this).closest('.barang_in_clone').remove(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> 
 
<body> 
 
    <div class="hidden_input" style="display: none"> 
 
    <div class="barang_in"> 
 
     <label class="col-md-4 control-label">Kode Hanca</label> 
 
     <select name="id_vendor_detail" class="form-control" required=""> 
 
     <option value="">- PILIH -</option> 
 
     <option value="1">- Orange -</option> 
 
     <option value="2">- Pink -</option> 
 
     <option value="3">- Red -</option> 
 

 
     </select> 
 
     <button onclick="addBarang()" type="button" data-toggle="tooltip" data-placement="top" title="tambah vendor" class="btn btn-info btn-flat btn-xs pull-left btn_tambah_vendor"><i class="fa fa-plus"></i> add</button> 
 
     <button type="button" data-toggle="tooltip" data-placement="top" title="kurangi barang" class="btn btn-danger btn-flat btn-xs pull-right btn_kurangi_barang"><i class="fa fa-minus"></i> Remove</button> 
 
    </div> 
 
    </div> 
 
    <div class='target_clone'> 
 
    </div> 
 

 
</body>

источник

2016-09-29 09:59:40

свою работу и класс 'select2'. Но почему плагин 'не select2' работает? Я знаю, что есть проблема, когда '' select2' клон() ', как исправить это в моем коде? –

Вы написали $ (»Select2.) Выбор2(). после того, как ВЫБ.2 класса было применено к клонированному HTML? –

Да, у меня было как 'добавить $ (« Выбор2»). Выбор2() –

Вместо использования

var new_barang = $(".hidden_input").find(".barang_in").clone().addClass("barang_in_clone");

Попробуйте

var new_barang = $(".hidden_input").find(".barang_in").clone(); 
new_barang.addClass("barang_in_clone"); 
$(".target_clone:last").append(new_barang);

Он будет работать :-)

источник

2016-09-29 10:01:17

добавить класс ребенка после того, как ребенка после addClass клонировать

ответ

Смежные вопросы