Question

我有html有多个div，它是用comman类动态创建的，一个div用于显示所有html或动态创建的div的数据。
通过点击show按钮，我必须用jQuery显示动态创建的div的所有数据，但是cundition只是div数据或html应该显示thair复选框被检查。
如何处理jQuery。
例如，有三个div所以我检查了第一个div和第三个div所以在按钮点击我必须显示在＆＃34;显示div＆＃34;只有 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>

这是显示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，你必须给他们一个合适且独特的{ {1}}或者按照与复选框相同的顺序调用它们...如果您也动态创建复选框，请成对执行（复选框 - div），这样您就可以将它们按顺序关联...好吧只是一个想法...

您可能还需要使用<div id=""...来引用它们，因为它们是动态插入DOM中的。

如何用jQuery在另一个div中显示动态创建的div html

3 个答案: