jQuery encuentra elemento por valor de atributo de datos

Tengo algunos elementos como a continuación:

1 2 3 

¿Cómo puedo agregar una clase al elemento que tiene un valor de atributo de data-slide de 0 (cero)?

He intentado muchas soluciones diferentes, pero nada funcionó. Un ejemplo:

 $('.slide-link').find('[data-slide="0"]').addClass('active'); 

¿Alguna idea?

Use el selector de equivalentes de atributo

 $('.slide-link[data-slide="0"]').addClass('active'); 

Fiddle Demo

.encontrar()

funciona en el árbol

Obtenga los descendientes de cada elemento en el conjunto actual de elementos coincidentes, filtrados por un selector, objeto jQuery o elemento.

También puedes usar .filter ()

 $('.slide-link').filter('[data-slide="0"]').addClass('active'); 

también puedes usar el método andSelf() para obtener DOM contenedora y luego find() puede ser andSelf() como tu idea

 $(function() { $('.slide-link').andSelf().find('[data-slide="0"]').addClass('active'); }) 
 .active { background: green; } 
  1 2 3 

Busqué la misma solución con una variable en lugar de String.
Espero poder ayudar a alguien con mi solución 🙂

 var numb = "3"; $(`#myid[data-tab-id=${numb}]`);