如何获取父div的所有子元素

时间:2014-06-16 09:24:49

标签: javascript jquery

我想使用jquery将父div的所有子元素复制到文本框中。 我试图通过stackoverflow和google找到解决方案,但没有找到任何解决方案。请帮忙,我会非常感激。提前致谢

 <div id="hello">
  <div class="sub1">Hello how are you</div>
   <div class="sub2">Hello how are you</div>
    <div class="sub3">Hello how are you</div>
  </div>
</div>

我想复制文本中的所有子元素

输出应该是这样的:

   <input type="hidden" value="<div class="sub1">Hello how are you</div><div class="sub2">Hello how are you</div><div class="sub3">Hello how are you</div></div>"   id="textbox">

3 个答案:

答案 0 :(得分:1)

使用html()获取所有dom和文本值

$("#textbox").val($("#hello").html());

答案 1 :(得分:0)

试试这个

alert($("#hello").html())

$('input:hidden').val($("#hello").html())

答案 2 :(得分:0)

要实现这一目标,您可以执行以下操作:

var values=$('#hello').html();
$('#textbox').val(values); // textbox is the id of hidden field you specified