javascript - 在最后一段插入文字

Question

如何在 HTML 页面中最后一个结束段落标记的末尾之前插入一些数字/文本。这是当前结构

<div id="dummyText">
 <p> paragraph 1 </p>
 <p> paragraph 2 </p>
 <p> paragraph 3 </p>
 <p> paragraph 4 </p>
</div>

结果应该是这样的

<div id="dummyText">
 <p> paragraph 1 </p>
 <p> paragraph 2 </p>
 <p> paragraph 3 </p>
 <p> paragraph 4 new text here </p>
</div>

找到最后一段很容易

last_para = $("#dummyText p:last").html();

谁能帮忙。

Answer 1

您可以使用 append() 来完成您需要的操作。请注意，当 id 实际上是 dummyText 时，您的示例使用 #dummy_text 作为选择器，因此需要修改。试试这个:

$("#dummyText p:last").append('new text here')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="dummyText">
  <p> paragraph 1 </p>
  <p> paragraph 2 </p>
  <p> paragraph 3 </p>
  <p> paragraph 4 </p>
</div>

或者，您可以向 text() 提供一个函数，该函数可用于修改当前值:

$("#dummyText p:last").text(function(i, t) {
  return t + ' new text here';
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="dummyText">
  <p> paragraph 1 </p>
  <p> paragraph 2 </p>
  <p> paragraph 3 </p>
  <p> paragraph 4 </p>
</div>