通過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!");
}