如何使用jQuery在另一個div中顯示動態創建的div html

Question

我有html，有多個div是使用comman類動態創建的，一個div用於顯示所有html或該div的數據都是動態創建的。
通過單擊顯示按鈕，我必須顯示使用jQuery動態創建的div的所有數據，但僅檢查div數據或html應該顯示的復選框是否選中。
如何使用jQuery。
例如有三個div，所以我檢查了第一個div和第三個div，因此在單擊按鈕時我必須在“ display div”中僅顯示data1 data3 ；

這些是動態創建的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>

這是Display div

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

Answer 1

您可以嘗試這樣的事情：

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

保留點是使用checked屬性。

Answer 2

 $(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> 

Answer 3

使用：checked Selector來（隱藏或顯示）[ http://www.w3schools.com/jquery/jquery_hide_show.asp] div ...另一方面，要引用正確的div，您必須給它們是正確且唯一的<div id=""...或以與復選框相同的順序調用它們...如果還動態創建復選框，請成對執行（checkbox-div），以便可以關聯它們為了……好只是一個主意...

您可能還需要使用$(document).on("event","element",function(){...}); 引用它們，因為它們是動態插入到DOM中的。