Jquery移动: Dynamically change the text of the header of a collapsible div?

Question

<div data-role="collapsible" data-content-theme="e" id="collapsePlace">
    <h3>Place:</h3>
    <!--things...-->
</div>

如何动态更改 <h3> 的文本可折叠 div 中的标题(“地点:”)？

我尝试过:

$('#collapsePlace').children('h3').text('new text');

它改变了文本 - 但丢失了所有样式!

Answer 1

在 1.3.2 中，以下内容似乎有效:

<div id="MyID" data-role="collapsible" >    
    <h3><span id="MyHeaderID">My Header</span></h3>    
    <!-- My Content --> 
</div>

JQuery:

$("#MyID h3 #MyHeaderID").text("Your New Header");

祝你编码愉快!