添加類孩子後孩子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 select2 select

？

//虛擬文本，Lorem存有胡蘿蔔，生態番茄湯。在牀的臨牀船。每局最大的問題。直到我們坐在容易。在生活質量的前面，而不是在nisl vulputate sagittis整數。而他們沒有，也沒有孕婦VEL評級機構坐阿梅德SEM成員的恐懼。玩家在門口，有一個DUIS aliquet hendrerit。我恨聽起來輕柔跳動。 Lorem存有悲坐阿梅德，consectetur adipiscing ELIT。扣籃生態沙拉，抗氧化劑多才多藝臨牀malesuada。 Nullam tristique暫準sed的SEM房地產，從一個大的軟的末端。臨牀沙拉總是在Nunc公司定製的融資箭頭從

來源

2016-09-29 wawan Setiyawan

試試這個，請 new_barang VAR = $（「Hidden_input。」）找到（「 Barang_in。」）的clone（）。 new_barang.addClass（「barang_in_clone」）; $（「Target_clone：上」）。追加（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'的clone（）'如何修復它在我的代碼？ –

你寫過$（」選擇二' 。）選擇二（）。後選擇2類已應用於克隆的HTML？ –

是的，我有一個像'加$（「選擇二」）。選擇二（）「 –

而不是使用

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克隆

回答

相關問題