I'm trying to use dropzone and I have a anchor tag and I need to add a event click to it but the way I'm done this returns error.

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();
 });

And return me this in console:

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

How can I do that? What is the alternative?

I'm trying to use dropzone and I have a anchor tag and I need to add a event click to it but the way I'm done this returns error.

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();
 });

And return me this in console:

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

How can I do that? What is the alternative?

• javascript
• jquery

• 2 Wrap the href value in single quotes ... – C3roe Commented Jan 13, 2018 at 11:17

2 Answers 2

The error message already gives it away. The selector should be a[href='#new-intervention']. Notice the single quotes around the value of href.

Here is a simplified snippet to show the selector working:

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

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

Note that according to the spec, the value provided must either be a valid identifier or a string.

You just the missed the quotes ' inside the href value query selector expression ;

see below snippet :

document.querySelector("a[href='#new-intervention']").addEventListener("click", function(e) {
  e.preventDefault();
  e.stopPropagation();
  alert("a clicked");
 });

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