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

Question

首先我想按 id 获取外部 div，然后按类获取内部 div（由 jquery mobile ui-collapsible 内容动态添加），最后附加一个子文本节点。

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