使用NightmareJS点击含特殊字符ID元素报错，如何解决？

这个问题我之前用NightmareJS爬取数据时也踩过坑！核心原因是你的ID里包含了CSS选择器的特殊字符$，直接写#LINK1$1会被querySelector判定为无效语法——因为在CSS规则里，$是属性选择器的特殊标记（比如[attr$=value]表示属性以指定值结尾），所以直接使用会触发解析错误。

下面给你三个可行的解决方案，按推荐程度排序：

1. 使用属性选择器匹配ID #

直接通过[id="你的ID值"]的方式定位元素，这种方式完全避开CSS选择器的特殊字符限制，因为是精确匹配元素的id属性字符串：

nightmare.click('[id="#LINK1$1"]')

这个方法最直观，也不容易出错，我自己爬取特殊ID元素时优先用它。

2. 转义CSS选择器中的特殊字符 #

如果一定要用#开头的ID选择器，需要对$进行转义。注意在JavaScript字符串里，反斜杠本身需要转义，所以要写两个反斜杠：

nightmare.click('#LINK1\\$1')

这里的\\$会被解析为CSS选择器里的\$，告诉querySelector这是一个普通的$字符，不是特殊语法。

3. 用evaluate调用原生DOM方法 #

如果上面两种方法都不生效，可以直接在页面上下文里用getElementById——这个方法是浏览器原生的精确匹配，完全不受CSS选择器规则限制：

nightmare.evaluate(() => {
  const target = document.getElementById('#LINK1$1');
  if (target) target.click();
})

这种方式可靠性最高，因为getElementById不会对ID字符串做任何语法解析，直接匹配。

你可以根据自己的场景选一种，我个人更推荐第一种或第三种，能省掉转义的麻烦~

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