jQuery

Question

ile başka bir div dinamik olarak oluşturulmuş div html nasıl gösterilecek html var comman sınıfı ile dinamik olarak oluşturulan birden çok div var ve bir div tüm html veya dinamik olarak oluşturulan bu div verileri göstermek içindir.
gösterme düğmesine tıklayarak jQuery ile dinamik olarak oluşturulmuş div tüm verileri göstermek zorunda ama cundition sadece thair onay kutusu işaretli div verisi veya html göstermelidir.
jQuery ile nasıl yapılır.
örneğin üç div vardır, bu yüzden ilk div ve üçüncü div'i işaretledim, böylece "display div" 'da göstermek zorundayım tıklatınız data1 data3;

Bunlar Dinamik düzenlendi div

<div class="div1"><input type="checkbox" class="checkbox" value="1"><div class="data">data1</div></div> 
<div class="div1"><input type="checkbox" class="checkbox" value="1"><div class="data">data2</div></div> 
<div class="div1"><input type="checkbox" class="checkbox" value="1"><div class="data">data3</div></div> 

Bu görüntü div olduğunu

<input type="submit" id="btndisplay" value="Display Data"> 
<div class="div-Display"></div> 

Answer 1

$(document).ready(function() { 
 
    
 
    $('#btndisplay').click(function() { 
 
    
 
    var clone = $('.div1 input[type=checkbox]:checked').siblings('.data').clone(); 
 
    $('.div-Display').empty().append(clone); 
 
    
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="div1"><input type="checkbox" class="checkbox" value="1"><div class="data">data1</div></div> 
 
<div class="div1"><input type="checkbox" class="checkbox" value="1"><div class="data">data2</div></div> 
 
<div class="div1"><input type="checkbox" class="checkbox" value="1"><div class="data">data3</div></div> 
 

 

 
<input type="submit" id="btndisplay" value="Display Data"> 
 
<div class="div-Display"></div>

, sen onlara uygun vermek zorunda ve benzersiz <div id=""... veya onay kutuları ile aynı sırayla arayın ... onay kutularını dinamik olarak da oluşturursanız, çiftleri (checkbox - div) yapın, böylece bunları sırayla ilişkilendirebilirsiniz ... sadece bir fikir ..

Ayrıca bkz. $(document).on("event","element",function(){...}); o onları DOM'a dinamik olarak eklendikleri için.

Answer 2

Böyle bir şey deneyebilirsiniz:

$(".div-Display").append("<div class=\"div1\"><input type=\"checkbox\" class=\"checkbox\" value=\"1\" checked=true><div class=\"data\">data1</div></div>") 

nokta etmektir tutunchecked özniteliğini kullanın. (Hide veya Show) [doğru div başvurmak muktedir diğer tarafta http://www.w3schools.com/jquery/jquery_hide_show.asp] div'ler ... için

Answer 3

Kullanım :checked Selector