javascript - 如何选择包含引号的元素？

Question

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

例如，如果我搜索一个 img 元素，该元素的 src 为 http://www.example.com/abc"def(是的，一个包含引号的属性):

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

它得到这个错误:

未捕获的 DOMException:无法在“文档”上执行“querySelector”:“img[src="http://www.example.com/abc"def"]' 不是有效的选择器。


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

Answer 1

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

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