jquery p:最后一个子项不工作

jquery p:last-child not working

本文关键字：工作 最后一个 jquery      更新时间：2023-09-26

我正在尝试向我的段落添加一些数据，但它只适用于我的第一个p。

我可以通过使用p:gt(0)将数据放入我的最后一个p，但似乎我应该能够使用p:last-child。

知道我哪里错了吗？

HTML

<div class="col-md-12" id="quizEnd" style="display:none;text-align:center;">
  <p></p>
  <p></p>
  <h2></h2>
</div>

JS:

$("#quizEnd p:first-child").text("Navn : " + quizName);
$("#quizEnd p:last-child").text("Email : " + quizMail);

这是因为p元素不是的最后一个子元素。h2元素是.

您可以使用:last-of-type代替：

$("#quizEnd p:last-of-type").text("Email : " + quizMail);

您也可以使用.last()方法或jQuery :last选择器：

$("#quizEnd p:last").text("Email : " + quizMail);

$("#quizEnd p").last().text("Email : " + quizMail);
相关文章：