Question

我有一系列链接：

<a href="http://www.google.com" id="link01">Google</a>
<a href="http://www.yahoo.com" id="link02">Yahoo</a>
<a href="http://www.cnn.com" id="link03">CNN</a>
<a href="http://www.facebook.com" id="link04">Facebook</a>

如果点击了一个id为linkXX的东西，然后将你穿梭到链接目标，jquery是否可以让它执行一个函数？链接本身在数字，目标和ID名称中是可变的，唯一的统一特征是id将始终具有单词'link'，后跟2个数字。

感谢!!!

Answer 1

不是通过id属性执行此操作，而是将类添加到所有类并将事件绑定到类中更容易。

<a class="someclass" href="http://www.google.com" id="link01">Google</a>
<a class="someclass" href="http://www.yahoo.com" id="link02">Yahoo</a>
<a class="someclass" href="http://www.cnn.com" id="link03">CNN</a>
<a class="someclass" href="http://www.facebook.com" id="link04">Facebook</a>

$(".someclass").click(function() {
  // your click handler
 });

Answer 2

您可以使用starts with selector选择ID为“link”的所有元素

$('a[id^="link"]').click(function(e){
  // your actions
});

示例：http://jsfiddle.net/niklasvh/jjsRF/

Answer 3

您可以以任何您喜欢的方式使用检索到的地址：

$('a[id^="link"]').click(function() {
     var address = $(this).attr("href");
     // do something with address
 });

使用jquery的通配符href id？

3 个答案: