通过id获取外部div，然后按类获取内部div

Question

首先，我希望通过id获取外部div，然后按类（由jquery mobile ui-collapsible内容动态添加）获取内部div，最后将子文本节点附加到其中。

<div id="aab" data-role="collapsible" data-content-theme="c">
     <h3>Heading</h3>
     <div class="ui-collapsible-content">
         <div id="coll">
             Collapsible Content
         </div>
     </div>
     </div>
     <p><button onclick='func()'>Button</button></p>    

   <script>
        function func() {
            var section = $("#aab > .ui-collapsible-content"); 
            section.appendChild(document.createTextNode("Hello world!"));
        }
    </script>

我也用document.getElementById尝试了一些东西，但不知何故它不起作用..提前谢谢！

Answer 1

您已使用jquery进行选择，因此您应该使用它来添加子项

function func() {
  var section = $("#aab > .ui-collapsible-content"); 
  section.append("Hello world!");
}