在锚元素上添加单击功能

时间:2016-06-20 07:19:26

标签: javascript jquery html css

我有一个没有任何classid的锚元素。我想为该锚元素添加一个单击处理程序。我尝试了以下方式,但没有运气:

'<'a href="dosmthng" > do something</a>
var dosm = $('a[href^="dosmthng"]') //this works perfect it select anchor element
$(dosm).click(function() {
    alert(" click() called.");
});

点击功能会抛出错误:

  

VM556763:211未捕获DOMException:无法在'Document'上执行'querySelector'。

有没有更好的方法来实现这个目标?

P.S我无法更改文件中的HTML代码。

2 个答案:

答案 0 :(得分:0)

试试这个:

1)在document.ready

中添加点击事件

2)检查锚标记并从html中删除不必要的引号

$(document).ready(function(){
    var dosm = $('a[href^="dosmthng"]') //this works perfect it select anchor element

   $(dosm).click(function(e) {
      e.preventDefault();
      alert( " click() called." );
   });
}); // doc-ready ends
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<a href="dosmthng" > do something</a>

答案 1 :(得分:0)

我看到一个潜在的问题..你在

的末尾错过了一个分号
var dosm = $('a[href^="dosmthng"]');