Question

尝试将简单的标题附加到div元素中。对为什么感到困惑它不起作用。 h1标签表示加载值。

   <div data-role="page" id="addviewtask">
    <div id="header" data-role="header" data-theme="a" data-position="fixed">
        <div style="text-align:center;margin:20px">
            <h2 class="header-font"> Page </h2>
        </div>
    </div>

    <div data-role="main" class="ui-content">
        <div class="ui-grid-a">
            <a href="#" class="ui-btn ui-corner-all ui-shadow">View Tasks</a><br>
            <a href="#" class="ui-btn ui-corner-all ui-shadow">Add Task</a><br>
        </div>
    </div>

    <div id="footer" data-theme="a" data-role="footer" data-position="fixed">
        <h2>
        </h2>
    </div>
</div>


function addGreeting(){
  $temp = $("<h3></h3>");
  $temp.append('Hello user');
  $("#addviewtask:nth-child(2)").append($temp);
}

Answer 1

$("#addviewtask:nth-child(2)").append($temp);

您正在选择#addviewtask，这是其父级的第二个孩子。如果你想要第二个孩子，你需要"#addviewtask>*:nth-child(2)"。

JQuery将标头标记放在div标记内

1 个答案: