查找<a> Element href #value in JavaScript or Jquery</a>

Question

这是我的链接

<a href="#report" id="myreport">Generate Report</a>

可以执行

$('a#myreport').click(function () {/* codes */});

或

document.getElementById("myreport")

但是如何从'href'（元素为'report'）而不是ID执行此操作？

Answer 1

使用jQuery，您可以使用attribute contains selector轻松实现它，请查看：

$("a[href*='report']").click(function () {
     /* codes */
 });

查看我的jsFiddle实例：http://jsfiddle.net/ynevet/K4zZH/

来自jQuery docs：

  

选择具有指定属性的元素   包含给定的子字符串。

Answer 2

这很简单：

$('a[href=#report]').click(function() { 
    /* your code */ 
});

您可以使用[attrname=attrvalue]访问属性。当然，您可以省略属性值，只需选择具有任何属性集的元素。