本文详解使用 jQuery 隐藏“不包含指定文本（例如星号 *）”的父级容器（如 ）的正确方法，重点纠正 .not() 的误用，并提供可直接运行的正则匹配方案。
本文详解使用 jquery 隐藏“不包含指定文本（例如星号 `*`）”的父级容器（如 `
在表单动态控制场景中，常需根据子元素内容特征（如必填标识 *）来批量显示或隐藏其父容器。但许多开发者会误用 jQuery 的 .not() 方法——它不接受纯字符串文本作为筛选条件，而仅支持选择器、DOM 元素集合或返回布尔值的回调函数。若直接传入 "*"（如 checkthis.not("*")），将被解析为 CSS 选择器，导致逻辑完全失效。
正确的思路是：*获取目标子元素（如输入框）的父级 ；对不满足条件者执行.hide()`。**
以下是推荐的健壮实现：
<!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') 显式限定父元素为
