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

Question

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

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

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

它得到此错误：

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

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

Answer 1

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

当我写这篇文章时，似乎在Chrome上至少对我来说有用。

Answer 2

用＆x22;代替报价

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

https://stackoverflow.com/a/15135906/4263440

Answer 3

您可以像这样使用\\，JS应该认识到它是字符串的一部分：

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