在最后一段中插入文本

时间:2017-05-01 15:09:05

标签: javascript jquery html

如何在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();

任何人都可以帮忙。

2 个答案:

答案 0 :(得分:2)

您可以使用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>

答案 1 :(得分:1)

您可以使用last-child-selector

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

DEMO