将Jquery选项卡面板添加到特定div

Question

我确信已经有了这个问题的答案，但我花了好几个小时没有运气。

这是我的基本设置。

<div id='container'>
  <ul id="tabs">
    <li>Tab 1</li>
    <li>Tab 2</li>
  </ul>
  <div id="panels">
    <div>panel 1</div>
    <div>panel 2</div>
  </div>
</div>

当我动态添加新标签时，我希望标签显示在“面板”div中，如“面板1”和“面板2”。

但是，当我动态添加“标签3”（见下文）时，“面板3”会添加到不在其中的面板标签下面。

<div id='container'>
      <ul id="tabs">
        <li>Tab 1</li>
        <li>Tab 2</li>

        <li>Tab 3</li>

      </ul>
      <div id="panels">
        <div>panel 1</div>
        <div>panel 2</div>
      </div>

      <div>panel 3</div>

    </div>

如何将新的“面板3”面板添加到“面板”div？

Answer 1

像这样：

$('#panel3').appendTo('#panels');

这会在panel3

中移动 panels

Answer 2

$("#panels").append("<div> panel3</div>");