如何获取并返回包含Id的Div

How to grab and return a Div with its Id included

本文关键字：包含 返回 Id Div 何获取 获取      更新时间：2023-11-11

这似乎是一个非常简单的问题，但我找不到答案。

我正在获取一个DIV"用户输入"

var $user = $('#user-entry');

HTML:

<div id="user-entry">
<table style="border: none; width: 100%">
            <thead>
                <tr>
                    <th colspan="2" style="text-align: left">
                        @Html.Label("Hello World")
                    </th>
                </tr>
            </thead>
    </table>
</div>

现在我想把它附加到另一个div <div id="role"></div>中。这就是JQuery append（）、appendTo（）、prepend（）和prependTo（）函数的作用。太棒了

我的问题是，当使用DIV时，添加的DIV没有实际的DIV名称。如果示例运行：

            var $user= $('#user-entry');
            $($user.html()).appendTo('#role');

然后，我的表被正确地附加到"角色"，但用户DIV本身没有显示。

代替：

<div id="role">
   <div id="user-entry">
      <table style="border: none; width: 100%">
     </table>
   </div>
</div>

我最终得到：

<div id="role">
      <table style="border: none; width: 100%">
     </table>
</div>

如何捕获并返回名称为Included的div？

这是的正确方法

$('#user-entry').appendTo('#role');

$($user.html()).appendTo('#role');在<div id="user-entry">中创建元素的副本，并将它们附加到<div id="role">

因为使用html方法只附加div的内容，请尝试以下操作：

$('#user-entry').clone().appendTo('#role')

演示

尝试：

$('#user-entry').appendTo('#role');

或者，如果你想克隆它，请尝试：

$('#user-entry').clone().appendTo('#role')
相关文章：