He estado pirateando un pequeño complemento de WordPress aquí, para que funcione como quiero, y tengo esta línea a la que me gustaría agregar una clase.
aquí está el js, que funciona en la consola, pero nunca funciona en línea en la página ni en ningún otro lugar:
document.addEventListener('DOMContentLoaded', function() { jQuery(function($) { const perf = document.querySelector('[aria-label="Europe marker"]'); $(perf).addClass("POP"); console.log("custom variable perf is:", perf); /// $('.POP').click(function() { // var x = $(".mapplic-layer-down"); var y = $(".mapplic-visible"); // console.log($(x).attr("data-floor")); // print x console.log($(y).attr("data-floor")); // print y // switch classes $(x).removeClass("mapplic-layer-down, mapplic-hidden"); $(x).addClass("mapplic-visible"); $(y).removeClass("mapplic-visible"); $(y).addClass("mapplic-layer-down, mapplic-hidden"); }); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a class="mapplic-pin pin-pulse pin-label" aria-label="Europe marker" style="top: 24.65%; left: 48.7%; background-color: rgb(0, 84, 135); border-color: rgb(0, 84, 135); transition: transform 0s ease 0s; transform: scale(3);" data-location="1972"><span><span>9</span></span></a>