2012-05-25 30 views
0

先弄內的div我想通過ID外格,然後按類別內的div(動態的jQuery移動UI可摺疊添加內容),最後追加子文本節點到它。獲得通過ID外格,然後按類

<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但不知何故,事先並不工作..謝謝!

+0

我沒有看到任何元素與類'UI的可摺疊content'。順便說一句,你知道'''是指**直接**孩子嗎? – zerkms

+0

@zerkms:div「coll」將自動包裝在一個帶有ui-collapsible-class類的div中。我也試過alert($(「#aab> .ui-collapsible-content」).text());我得到了可摺疊的內容作爲警報所以它適用於文本孩子,但我想用類將被自動添加,敷DIV ID =「科爾」 UI可摺疊內容包裝的股利。 – user1054134

+0

@ user1054134:所以請顯示HTML,如果它被包裹,這樣我們就不需要做 – zerkms

回答

2

你必須使用jQuery供選擇,所以你應該用它來增加孩子

​​
+0

謝謝,它的工作!什麼是「document.appendChild」或document.createTextNode表示法?那不是JavaScript? – user1054134

+0

@ user1054134:你從哪裏得到它們? – zerkms

+1

這是純JavaScript,但你只能調用的appendChild當您選擇與docuemtn.getElementById(元素)......但在這種情況下,你必須已經jQuery的,比純JS更容易編寫。你仍然可以使用像這樣section.get(0).appendChild純代碼... –