求助：当DOM包含特定类时隐藏指定元素的实现方案

嘿，我来帮你搞定这个问题！你之前用$( ".text-block" ).closest( ".first-group" )没效果，核心原因是**.closest()方法只会向上遍历当前元素的祖先节点**，而你的.first-group是和.text-block所在的.wrapper同级的兄弟元素，根本不在.text-block的祖先链里，所以这个方法找不到目标元素。

下面根据不同的需求场景给你对应的解决方案：

场景1：只要页面存在.first-group，就隐藏目标div #

如果你的需求很直接——只要页面里有.first-group这个元素，就隐藏某个指定div（比如你示例里的.small），那可以直接判断元素是否存在，再执行隐藏：

// 检查页面中是否存在.first-group元素
if ($(".first-group").length > 0) {
  // 替换成你需要隐藏的div选择器
  $(".small").hide();
}

场景2：基于.text-block的位置关联判断 #

如果你的需求更精准，比如要结合.text-block的存在来判断，或者要通过DOM结构关联找到.first-group，可以先找到.text-block的上级.wrapper，再用.siblings()获取同级的.first-group：

// 先定位到.text-block的祖先.wrapper，再找它的兄弟元素.first-group
const targetGroup = $(".text-block").closest(".wrapper").siblings(".first-group");
if (targetGroup.length > 0) {
  // 隐藏目标div
  $(".small").hide();
}

额外补充：如果是想修改.first-group的样式（比如你示例里的改颜色） #

如果你原本的测试代码是想给.first-group改颜色，那同样要调整元素的查找方式，用兄弟选择的逻辑：

$(".text-block").closest(".wrapper").siblings(".first-group").css("color", "red");

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