'document' 上的 'querySelectorAll' 转义 html 属性值答案

【问题标题】：'querySelectorAll' on 'document' escaping html attribute value'document' 上的 'querySelectorAll' 转义 html 属性值
【发布时间】：2016-12-21 06:15:36
【问题描述】：

这是我的 html <a> 元素。

<a href="javascript:IDS_LinkButtonClick('M$content$PCDZ$MPVG7A7$ctl00$Accounts$ctl02$ctl00', &quot;&quot;, false, false, false, '', 0, '', '');">SHARE</a>

当我尝试查询此内容时，我收到以下错误。在引号或 ` 中转义似乎有些问题，但我已经尝试了所有我认为可能的方法。

这是我正在尝试的选择器：

$$('a[href="javascript:IDS_LinkButtonClick(\'M$content$PCDZ$MPVG7A7$ctl00$Accounts$ctl02$ctl00\', \"\", false, false, false, \'\', 0, \'\', \'\');"]');

我得到的错误：

Uncaught DOMException: Failed to execute 'querySelectorAll' on 'Document': 'a[href="javascript:IDS_LinkButtonClick('M$content$PCDZ$MPVG7A7$ctl00$Accounts$ctl02$ctl00', "", false, false, false, '', 0, '', '');"]' is not a valid selector.

【问题讨论】：

使用$$('a[href*="javascript:IDS_LinkButtonClick(\'M$content$PCDZ$MPVG7A7$ctl00$Accounts"]')让事情变得更简单
是的，我可以用不完整的方式进行管理，但是我想用完整的路径运行它

标签： javascript html dom css-selectors

【解决方案1】：

\"\" 部分需要双转义为 \\"\\" — 一次用于反斜杠，一次用于双引号，用于属性选择器：

$$('a[href="javascript:IDS_LinkButtonClick(\'M$content$PCDZ$MPVG7A7$ctl00$Accounts$ctl02$ctl00\', \\"\\", false, false, false, \'\', 0, \'\', \'\');"]');

【讨论】：