javascript - 如何将 querySelector 与带有 href 的 anchor 标记一起使用？

Question

我正在尝试使用 dropzone，并且我有一个 anchor 标记，我需要向其添加一个事件点击，但我完成此操作的方式返回错误。

HTML:

<a href="#new-intervention">Criar Intervenção</a>

Jquery:

var myDropzone = this;

this.element.querySelector("a[href=#new-intervention]").addEventListener("click", function(e) {
  e.preventDefault();
  e.stopPropagation();
  myDropzone.processQueue();
 });

并在控制台中返回给我:

Uncaught DOMException: Failed to execute 'querySelector' on 'Element': 'a[href=#new-intervention]' is not a valid selector.

我怎样才能做到这一点？有什么替代方案吗？

Answer 1

错误消息已经暴露了。选择器应为 a[href='#new-intervention']。请注意 href 值周围的单引号。

这是一个简化的代码片段，用于显示选择器的工作原理:

console.log(document.querySelector("a[href='#new-intervention']"));

<a href="#new-intervention">Criar Intervenção</a>

请注意according to the spec ，提供的值必须是有效的 identifier或 string .