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>

最初の 1 つの問題については、コードを繰り返す代わりに、ユーザーがクリックしたものをキャプチャするにはどうすればよいですか。私を助けてください

4

5 に答える 5

2

IDを使用する

$(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 に答える