我正在尝试向我的段落添加一些数据,但它只适用于我的第一个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);