2

这是我的代码：

$(document).ready(function() {

            $("#myLink1").click(function(){
            Foo Bar...

        });
    });

<a href = "#" id="myLink1"> click my Link <a>

<a href = "#" id="myLink2"> click my Link2 <a>

<a href = "#" id="myLink3"> click my Link3 <a>

对于第一个很好，而不是重复代码，我如何捕获用户点击的内容，例如如果用户点击 2 或 3 #mylink1 必须是一些如何替换是否有任何通用方法？请帮我

4

5 回答 5

2

使用身份证

$(document).ready(function() {
   $(".your-class").click(function(){
     alert(this.id);
  });
});

<a href = "#" class="your-class" id="myLink1"> click my Link </a>
<a href = "#" class="your-class" id="myLink2"> click my Link2 </a>
<a href = "#" class="your-class" id="myLink3"> click my Link3 </a>
于 2013-02-13T22:38:24.827 回答
1

在不向链接添加类的情况下，您可以使用 id 选择器来执行此操作。

$(document).ready(function() {
    $('[id*="myLink"]').click(function() {
        //Function Code
    });
});
于 2013-02-13T22:40:48.967 回答
0

改用一个类：

$(document).ready(function() {
   $(".your-class").click(function(){
     // stuff here
   });
});

<a href="#" class="your-class" id="myLink1">Link</a>
<a href="#" class="your-class" id="myLink2">Link2</a>
<a href="#" class="your-class" id="myLink3">Link3</a>
于 2013-02-13T22:36:58.460 回答
0

尝试这个

$("a").on('click', function(){
            Foo Bar...

});
于 2013-02-13T22:37:50.263 回答
0

您应该为所有 a 标签提供相同的类，然后将您的 jquery 选择器更改为

$('.yourClass').click(function(){
    $(this).whatYouWantToDo()
});

所以 $(this) 将只引用被点击的那个。

于 2013-02-13T22:37:58.680 回答