jquery获取最后一个子元素

获取最后一个子元素的方法

在jQuery中，可以通过多种方式获取最后一个子元素。以下是几种常见的方法：

使用:last-child选择器

$('parentSelector :last-child')

此方法选择指定父元素下的最后一个子元素。

使用.last()方法

$('parentSelector').children().last()

该方法先获取所有子元素，然后选择其中的最后一个。

使用:last选择器

$('parentSelector > *:last')

此方法直接选择父元素下的最后一个子元素。

示例代码

假设有以下HTML结构：

<ul id="list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

获取最后一个li元素

// 方法1
$('#list li:last-child').css('color', 'red');

// 方法2
$('#list').children().last().css('font-weight', 'bold');

// 方法3
$('#list > li:last').addClass('last-item');

注意事项

• 这些方法都返回jQuery对象，可以链式调用其他jQuery方法
• 如果父元素没有子元素，这些方法将返回空的jQuery对象
• 对于动态添加的元素，可能需要重新查询或使用事件委托