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

Question

我正试图在我的段落中添加一些数据,但它是如何只为我的第一个工作p.

我可以p通过使用它将数据放入我的最后,p:gt(0)但似乎我应该能够使用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);

Answer 1

这是因为该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);