jquery mobile在多页上动态更改页脚

对于我的移动应用程序，我正在使用jquery mobile的多页面布局（一个html，多个页面）。我在具有相同页脚id的所有页面上引用了页脚。在其中一个页面上，页脚文本已更改。如何将此更改传播到我的多页jquery移动应用程序其他页面上的所有其他页脚

    <div data-role="page" id="page1">
  <header data-role="header"></header>      
      <div class="content" data-role="content"></div>
  <footer id="myfooter" data-role="footer"</footer>
    </div>
    <div data-role="page" id="page2">
  <header data-role="header"></header>      
      <div class="content" data-role="content"></div>
  <footer id="myfooter" data-role="footer"</footer>
    </div>
    <div data-role="page" id="page3">
  <header data-role="header"></header>      
      <div class="content" data-role="content"></div>
  <footer id="myfooter" data-role="footer"</footer>
    </div>  

通过选择元素的另一个方面（除了使用“#”符号按id拾取之外），您应该能够更新页面上的所有元素。这个想法是基于他们都共享的属性/方面进行选择，例如您专门为他们提供的类

我还发现成功的一点是，选择以“某物”开头的属性，如下所示：

$("[id^=myFooter]").empty().append(infoFooter);

这将查找id以“myFooter”开头的所有元素。您可能需要绑定到除#page2之外的其他内容才能使其工作，但它也有可能以任何方式传播

您可以看到其他类似选择的示例。
Perfect。很好。谢谢！太棒了，很高兴听到这个消息
$("[id^=myFooter]").empty().append(infoFooter);