如何在jQuery方法中打开具有特定类的链接

时间:2016-09-16 18:37:10

标签: javascript jquery html wordpress

我正在尝试让2个插件在wordpress网站上一起工作。一个是sidepanel插件,可以通过添加class="nks_cc_trigger_element"来触发 到html <a href="...">链接编码。

另一个插件是一个图像映射插件,只允许我设置链接的URL,我需要设置class属性,让它通过单击图像的映射形状之一来触发侧边栏。开发人员用我的代码

向我指出了API
$.imageMapProEventClickedShape = function(imageMapName, shapeID) {}

我没有使用jQuery的经验,这似乎应该是一个简单的解决方案,但我迷路了。相关的imageMapNameshapeID很容易找到,但我不知道如何只使用jQuery打开链接或将该链接附加到class属性。

感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

http://jsbin.com/pirajo/6/edit?js,output

let a = document.querySelector("a");

if( a.classList.contains("hasClass") ){

    a.addEventListener("click",function(e){

        let link = this.getAttribute("href");

        window.open(link,"_blank");

        e.preventDefault();

    });

}