本文详解使用 jQuery 隐藏“不包含指定文本（例如星号 *）”的父级容器（如 ）的正确方法，重点纠正 .not() 的误用，并提供可直接运行的正则匹配方案。

本文详解使用 jquery 隐藏“不包含指定文本（例如星号 `*`）”的父级容器（如 ``）的正确方法，重点纠正 `.not()` 的误用，并提供可直接运行的正则匹配方案。

在表单动态控制场景中，常需根据子元素内容特征（如必填标识 *）来批量显示或隐藏其父容器。但许多开发者会误用 jQuery 的 .not() 方法——它不接受纯字符串文本作为筛选条件，而仅支持选择器、DOM 元素集合或返回布尔值的回调函数。若直接传入 "*"（如 checkthis.not("*")），将被解析为 CSS 选择器，导致逻辑完全失效。

正确的思路是：*获取目标子元素（如输入框）的父级 ，再通过回调函数遍历每个父元素，检查其内部 HTML 或文本是否包含 `；对不满足条件者执行.hide()`。**

以下是推荐的健壮实现：

jQuery 1.12.4

jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本，由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用，尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。

下载

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
</head>
<body>

<div>
  <label>
    First name <font color="red">*</font>
    <input type="text" id="guest_first_name">
  </label>
</div>

<br>

<div>
  <label>
    Last name 
    <input type="text" id="guest_last_name">
  </label>
</div>

<script>
$(document).ready(function() {
  // 获取所有目标 input 的父 label 元素
  const $parentLabels = $('#guest_first_name, #guest_last_name').parent('label');

  // 使用 .not() + 回调函数：保留「包含 *」的 label，隐藏其余
  $parentLabels.not(function() {
    // 检查当前 label 内部 HTML 是否含 *（更准确，兼容内联标签）
    return /\*/.test(this.innerHTML);
  }).hide();
});
</script>

</body>
</html>

✅ 关键说明：

• $('#guest_first_name, #guest_last_name').parent('label') 显式限定父元素为 ，避免意外匹配更高层
  ；
• .not(function() { ... }) 中的回调接收两个参数：索引 i 和原生 DOM 元素 e（此处用 this 更简洁）；
• /\*/.test(this.innerHTML) 使用正则精确匹配 * 字符（注意 * 在正则中需转义为 \*），比 textContent 更可靠——因 * 可能位于 标签内，textContent 会忽略标签结构但保留字符，而 innerHTML 确保捕获所有渲染内容；
• 若需区分大小写或支持更多符号（如 (*)、[必填]），只需扩展正则，例如 /[*\(\)必填]/i。

⚠️ 注意事项：

• 避免使用已废弃的 标签，建议改用 CSS 类（如 *），并相应调整选择器；
• 若页面存在大量动态插入的表单项，应将逻辑封装为函数并在 DOM 更新后重新执行，或使用事件委托；
• 在现代项目中，优先考虑 CSS :has()（如 label:has(input#guest_last_name):not(:has(span.required))）配合 display: none，但需注意浏览器兼容性（Chrome 105+ / Safari 15.4+ 支持）。

掌握此模式后，你可轻松扩展至其他文本条件（如隐藏不含 “(Optional)” 的字段组），让表单逻辑更灵活、可维护性更强。