jquery last-child

jQuery中的last-child选择器用于选取每个父元素的最后一个子元素。例如：

$('ul li:last-child').css('background-color', 'gray');

上述代码会将每个ul元素中的最后一个li元素的背景色设置为灰色。

如果我们想为每个父元素的最后一个子元素添加一个类名，可以使用.addClass方法：

$('div:last-child').addClass('last-child');

这将为每个div元素的最后一个子元素添加类名"last-child"。

需要注意的是，该选择器只能选取每个父元素的最后一个子元素，因此当要选取不同父元素下的最后一个子元素时，需要使用其他方式：

// 选取第一组ul元素中的最后一个li元素 
$('ul:first-of-type li:last-child')
// 选取第一个ul元素中的最后一个li元素 
$('ul:first-child li:last-child')

last-child选择器非常适用于动态生成内容的网站。例如，我们可以使用它来为一个列表中的最后一项添加特殊样式：

$('ul li:last-child').addClass('last-item');

这样，无论列表中包含多少项，我们始终可以将最后一项的样式设置为特殊样式。

查看更多关于jquery last-child的详细内容...