jQuery :last-of-type选择器

:last-of-type选择器语法

$('selector:last-of-type')

:last-of-type语法解析

假设selector为元素选择器，且为p元素，:last-of-type选择器会从p元素选择器匹配选择的HTML元素集合中二次查找p元素的父元素中最后一个出现p元素（不一定是最后一个子元素，只要是最后一个出现的p元素即可）。可以结合下方中的实例进行具象地理解。

重点提示：如果是selector是一个class选择器，那么:last-of-type匹配选择的必须是class相同且元素类型也一致的所有元素中最后一个子元素！具体可参考下方的实例代码。

:last-of-type选择器实例代码

如下实例中，通过:last-of-type选择器二次选择之后，两个div元素中的class属性值为test的段落p元素2和3，以及span都将会被匹配选择，因为段落3和span都分别是第二个div中p元素集合和span元素结合中的最后一个子元素：

<div>
  <p class="test">段落1</p>
  <p class="test">段落2</p>
</div>
<div>
  <p class="test">段落3</p>
  <span  class="test">span1</span>
</div>
<button id="example" class="btn">jQuery</button>

<script>
  $('#example').click(function(){
    $('.test:last-of-type').css("font-size","3.5em");
  })
</script>

免责声明：内容仅供参考，不保证正确性！

hot：热门