如何用JavaScript精准定位特定标签（不使用contains方法）

别担心，完全理解你的处境——没编程基础还得搞这个确实有点棘手！针对你遇到的「只想匹配Address标签，不想带Address 2」的问题，给你几个实用的方法，都是比contains更精准的思路：

方法1：精准匹配标签文本 #

用jQuery的filter方法，只保留文本完全一致的标签（还能自动去掉文本前后的空格，避免因为空格导致匹配失败）：

$('.page-checkout label').filter(function() {
  // 这里的'Address'要和你页面上标签的文本完全一致，比如如果是'Address:'就改成'Address:'
  return $(this).text().trim() === 'Address';
}).after(' <span class="required-text" style="color:red">* Required</span>');

这个方法会逐个检查所有label，只挑出文本和你写的完全一样的，绝对不会误匹配Address 2。

方法2：通过label的for属性定位（最靠谱） #

网页里的label通常会有一个for属性，和对应的输入框id绑定，比如Address对应的输入框id可能是billing-address，那label的for值就是这个id。用这个属性定位绝对不会出错：

// 把billing-address改成你实际找到的label的for属性值
$('.page-checkout label[for="billing-address"]').after(' <span class="required-text" style="color:red">* Required</span>');

怎么找这个for值？按F12打开浏览器的开发者工具，找到那个Address标签，看它的属性里有没有for="xxx"，把xxx填进去就行。

方法3：正则匹配精确单词（应对大小写或细微格式差异） #

如果你的标签文本可能有大小写变化（比如address/Address），或者担心有其他小格式差异，可以用正则表达式匹配「完整的Address单词」：

$('.page-checkout label').filter(function() {
  // ^表示开头，$表示结尾，i表示不区分大小写
  return /^Address$/i.test($(this).text().trim());
}).after(' <span class="required-text" style="color:red">* Required</span>');

这个会匹配所有文本是Address（不管大小写）的标签，但不会匹配带其他后缀的比如Address 2。

备注：内容来源于stack exchange，提问作者David