如何在 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();
谁能帮忙。
最佳答案
您可以使用 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>
关于javascript - 在最后一段插入文字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43721352/