jquery - 将类添加到父容器中的最后一个p元素

我正在尝试使用以下jQuery代码将类添加到标记中的最终

< p >

标记中。

$('div.jobpost_body p:last').addClass('classificationsContainer');

我目前能够在现代浏览器中使用CSS3来实现此目的，但是我需要支持的版本早于IE7。由于某种原因，此代码未将'classificationsContainer'类应用于上面指定的具有jobpost_body类的div中的最后一个p标签。

有什么方法可以重构此语句，从而确保跨浏览器的兼容性？

我的html可以在下面找到：

<div class="jobpost_body">
<h2>
<a href="#">Academic Administrator</a>
</h2>
<p>Lorem ipsum</p>
<p>
 <span class="jobclass even organisation">
 <span class="jobclass_type">Organisation</span>
 <span class="jobvalue">&nbsp;Test</span>&nbsp;</span>
 <span class="jobclass uneven school/department">
 <span class="jobclass_type">School/Department:</span>
 <span class="jobvalue">&nbsp;Test</span>&nbsp;</span>
 <span class="jobclass even based_at">
 <span class="jobclass_type">Based at:</span>
 <span class="jobvalue">&nbsp;Oxfordshire</span>&nbsp;</span>
 <span class="jobclass uneven hours_of_work">
 <span class="jobclass_type">Hours of work:</span>
 <span class="jobvalue"> &nbsp;37 hours per week</span>&nbsp;</span>
 </p>
</div>

我还没有创建html，所以请不要评论它如何无效等。

最佳答案

并使用find()选择子内容，它的选择器要快得多：

$('div.jobpost_body').find("p").last().addClass('classificationsContainer');