如何用jQuery检查相邻<li>是否无LI_sector_child类并添加类

针对动态生成的<ul>列表，要找到相邻且均未添加LI_sector_child类的两个<li>，并给前一个元素添加自定义类，可以用以下方法实现：

核心实现代码 #

// 筛选符合条件的<li>并添加目标类
$('li:not(.LI_sector_child)').filter(function() {
  // 验证下一个兄弟元素是<li>且不含指定类
  const nextLi = $(this).next('li');
  return nextLi.length > 0 && !nextLi.hasClass('LI_sector_child');
}).addClass('custom-target-class');

代码逻辑说明 #

• $('li:not(.LI_sector_child)')：先选中所有未标记LI_sector_child类的<li>元素，排除已带该类的项
• .filter()：对选中的元素做二次筛选，判断当前元素的下一个兄弟是否是<li>，并且这个兄弟也没有LI_sector_child类
• .addClass('custom-target-class')：给最终符合条件的元素添加自定义类（替换为你实际需要的类名即可）

适配示例场景 #

在你提供的HTML结构中，第三个<li>（Title3）和第四个<li>（Title4）都没有LI_sector_child类且相邻，这段代码会自动选中第三个<li>并为其添加指定类，完全适配动态生成列表的场景，不需要依赖固定位置选择器（如nth-child）。

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