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()来执行您所需的操作。请注意，当#dummy_text实际为id时，您的示例使用dummyText作为选择器，因此需要进行修改。试试这个：

$("#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>

Answer 2

您可以使用last-child-selector

执行此操作

var lastChild =$( "#dummyText p:last-child");
lastChild.text(lastChild.text()+' new text here')

DEMO

在最后一段中插入文本

2 个答案: