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

Question

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

我正在抓取一个 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 名称。如果示例运行:

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

然后我的表被正确地附加到“Angular 色”，但用户 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？

Answer 1

这是正确的做法

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

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