使用jquery通配符a href id

Wildcard a href id with jquery?

本文关键字：href id 通配符 jquery 使用      更新时间：2023-09-26

我有一系列链接如下：

<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总是有单词"链接"后面跟着2个数字。

谢谢！！！

与其通过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
 });

您可以使用starts with选择器来选择id以"link"开头的所有元素

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

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

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

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