Question

<div style="width: 100%; height: 50%;">
    Enter URL: <input id="addressText" type="text" style="width: 60%;"/>
    <input id="sendRequestButton" type="button" value="Get"/>
</div>
<div id="container" style="width: 100%; height: 50%;"></div>

后来，我有：

$(document).ready(function()
{
    $("#sendRequestButton").click(function()
    { $("#container").append("Blablabla"); }
}

出于某种原因，新文本出现在页面上的每个其他元素之前！原因是什么以及如何解决？感谢。

Answer 1

奇怪，这适用于您的代码。你确定在某个地方没有其他id="container"吗？

$("#sendRequestButton").click(function(){
  $("#container").append("Blablabla");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div style="width: 100%; height: 50%;">
    Enter URL: <input id="addressText" type="text" style="width: 60%;"/>
    <input id="sendRequestButton" type="button" value="Get"/>
</div>
<div id="container" style="width: 100%; height: 50%;"></div>

jQuery append（）在所有其他元素之前添加元素

1 个答案: