cordova - Appending Header Tags Dynamically in jQuery Mobile

Question

I have a page in HTML which has a header, content, and footer divs.

<div data-role="page" id="Homelist" >
    <div data-role="header" >
        <h1>heading</h1>
        <a href=""/></a>
    </div>
    <div data-role="content">
          <img>
    </div>
    <div data-role="footer" >
           <h3>show</h3>
    </div> 
</div>

Below the h1 tag, I have to add an h3 and h4 tag from a JavaScript file.

I will have a value in JavaScript file say "var header2 = "mini-header";". Can I use the header2 value in my HTML file.

Answer 1

您可以使用 jquery 将任何元素的内容更改为您想要的任何内容：

html:

注意：身份证

 <div data-role="header" id="header">
      <h1>heading</h1>
      <a href=""/></a>  
 </div>

Javascript更改内容：

$("#header").html("<h1>heading</h1><h2>heading2</h2><h3>heading3</h3><a href=''/</a>");

其中 # 是 id 选择器。浏览 jQuery 文档。

要使用 javascript 变量的值：

var myheader="header3";
$("#header").html("<h1>heading</h1><h2>heading2</h2><h3>"+myheader+"</h3><a href=''/</a>");