0

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

这是我的基本设置。

<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？

4

2 回答 2

1

像这样：

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

这将在里面移动 panel3panels

于 2011-05-02T18:12:16.340 回答
0 
$("#panels").append("<div> panel3</div>");
于 2011-05-02T18:30:50.000 回答