javascript - 获取子元素的 HTML 内容

Question

基本上我想改造：

<tabs>
<section tab-pane>
    <header tab-header>Tab title with HTML <img ...></header>
    Section body
</section>
<section tab-pane>
    ....
</section>
</tabs>

到（Twitter 的引导程序）：

<div class="tabbable">
      <ul class="nav nav-tabs">
        <li ng-repeat="pane in panes" ng-class="{active:pane.selected}">
          <a href="" ng-click="select(pane)" >TITLE GOES HERE</a>
        </li>
      </ul>
      <div class="tab-content" ng-transclude>
          TABS HERE
      </div>
 </div>