当:contains()匹配多个元素时，需通过.each()遍历集合逐一提取属性，而非直接调用.attr()（后者仅返回首个匹配元素的值）。

当`:contains()`匹配多个元素时，需通过`.each()`遍历集合逐一提取属性，而非直接调用`.attr()`（后者仅返回首个匹配元素的值）。

在 jQuery 中，`:contains(text)` 是一个过滤选择器，用于选取文本内容中包含指定字符串的元素。但需特别注意：**`$(selector).attr('for')` 仅对 jQuery 对象中的第一个匹配元素生效**；若选择器返回多个 `` 元素（如本例中匹配到 “My Name is” 的两个标签），直接调用 `.attr('for')` 将只返回首个元素（`michel`）的 `for` 值，导致后续元素被忽略。

要正确处理所有匹配项，必须显式遍历结果集。推荐使用 .each() 方法——它为每个匹配的 DOM 元素执行回调函数，确保每个 <label> 的 for 属性都能被独立访问：

const labels = $('label:contains(My Name is)');

labels.each(function() {
  console.log($(this).attr('for')); // 输出: 'michel', 然后 'allen'
});

✅ 正确输出：

michel
allen

⚠️ 注意事项：

jQuery 1.12.4

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

下载

• :contains() 匹配的是元素内文本节点的完整可见文本（不区分大小写，但需完全包含子串），且会匹配嵌套文本（如 <label>My Name is <em>Michel</em></label> 也有效）；
• 若需精确匹配（如开头一致或正则匹配），应改用 .filter() 配合 textContent 或 innerText 判断；
• 确保 jQuery 已正确加载（如 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>），且脚本执行于 DOM 就绪之后（建议包裹在 $(document).ready() 中）。

? 扩展用法：你还可以将结果收集为数组便于后续操作：

const forValues = $('label:contains(My Name is)')
  .map((_, el) => $(el).attr('for'))
  .get(); // → ['michel', 'allen']
console.log(forValues);

掌握 .each() 与集合属性访问的区别，是高效处理多元素 jQuery 操作的关键基础。