如何使用jQuery修改每个li元素中最后一个span的CSS样式？

原代码的问题在于选择器写法错误，$('#titlediv_1683224 li span :last')中的空格会让:last匹配span元素内部的最后一个子元素，而非每个li下的最后一个span。要实现每个li下最后一个span的样式修改，有两种可行写法：

• 使用CSS伪类:last-child直接精准选择：

  $('#titlediv_1683224 li span:last-child').css({'margin-top': '10px'});
  

  这个选择器会匹配#titlediv_1683224下每个li元素里的最后一个span子元素。

• 或者用jQuery的each()遍历每个li，再定位其内部最后一个span：

  $('#titlediv_1683224 li').each(function() {
    $(this).find('span:last').css({'margin-top': '10px'});
  });
  

  这种方式通过遍历每个li，再单独查找当前li下的最后一个span，兼容性更稳妥。

内容的提问来源于stack exchange，提问作者Karim Ali