JQuery is()方法判定疑问及锚标签文本提取需求

嘿，我来帮你把这个问题捋清楚～

首先：is('a')到底检测的是什么？ #

完全不是检测字母'a'哦！jQuery的is()方法是用来匹配CSS选择器的，is('a')的意思是：检查当前jQuery对象里的第一个元素，是不是<a>标签对应的DOM元素。

举几个例子你就懂了：

• $('a').is('a')返回true，因为你选中的本来就是页面上的锚元素，匹配a选择器；
• $('div').is('a')返回false，因为div元素不匹配a选择器；
• $('<a>test</a>').is('a')返回true，因为你用HTML字符串创建的就是锚元素；
• 但如果是$('some text').is('a')，会返回false，因为这个jQuery对象里装的是文本节点，不是锚元素。

为什么你的代码可能没达到预期？ #

如果你的变量text是转义后的锚标签字符串（比如'<a>some text</a>'），直接$(text)会创建一个包含转义文本的jQuery对象（里面是"<a>some text</a>"这段文字，不是真正的锚元素），所以is('a')自然返回false，没法提取到里面的文本。

不用正则，怎么判断并提取文本？ #

我们可以通过把字符串解析成实际的DOM元素来判断，分两种情况处理：

情况1：text是未转义的HTML字符串（比如'<a>some text</a>'） #

直接用jQuery解析后判断即可：

function getText(text) {
  const $element = $(text);
  return $element.is('a') ? $element.text() : text;
}

// 测试
console.log(getText('plain text')); // 输出 'plain text'
console.log(getText('<a>link text</a>')); // 输出 'link text'

情况2：text是转义后的HTML字符串（比如'<a>some text</a>'） #

需要先把转义的HTML解码成实际的HTML标签，再进行判断：

function getText(text) {
  // 先解码转义的HTML
  const tempContainer = document.createElement('div');
  tempContainer.innerHTML = text;
  const decodedHtml = tempContainer.innerHTML;
  
  const $element = $(decodedHtml);
  return $element.is('a') ? $element.text() : text;
}

// 测试
console.log(getText('<a>escaped link</a>')); // 输出 'escaped link'
console.log(getText('plain escaped text')); // 输出 'plain escaped text'

这个方法的核心是利用浏览器的DOM解析能力，自动处理转义字符，不用自己写正则去匹配标签，既可靠又简单。

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