如何选择包含引号的元素?

max*_*max 4 javascript css css-selectors double-quotes single-quotes

querySelector当元素的属性包含引号时,如何使用或任何其他 Javascript 选择器"

例如,如果我搜索img具有srcof 的元素http://www.example.com/abc"def(是的,包含引号的属性):

document.querySelector('img[src="http://www.example.com/abc"def"]');
Run Code Online (Sandbox Code Playgroud)

它得到这个错误:

Uncaught DOMException: Failed to execute 'querySelector' on 'Document':'img[src="http://www.example.com/abc"def"]' is not a valid selector.

显然,我的问题适用于同时使用的单引号'和双"引号。

小智 6

var test = document.querySelector('img[src="http://www.example.com/abc\\"def"]');`
Run Code Online (Sandbox Code Playgroud)

当我写这篇文章时,至少对我来说,在 Chrome 上似乎可以工作。