javascript - 異なるjquery関数を呼び出す方法

Answer 1

これは最善の解決策ではありません。最良の結果を得るには、html を再構築し、ある種のクラスと ID をリンクまたはその親に追加して、それらを識別することができます。しかし、これは機能します

最初のリンクの場合

$("a:eq(0)").click(function() {
location.href="first.location";
return false;
});

そして2番目のリンク

 $("a:eq(1)").click(function() {
 location.href=="second.location";
 return false;
 });

Answer 2

ここで:eq() セレクターを次のように使用できます。

// Clicking the first link
$("a:eq(0)").click(function () {
    location.href = "first.location";
    return false;
});

// Clicking the second link
$("a:eq(1)").click(function () {
    location.href = "second.location";
    return false;
});

Answer 3

すでに提案されているように、これを行う最善の方法は、これらの a タグに異なる ID を設定することです。しかし、何らかの理由で ID を割り当てたくない場合 (一体なぜそれを行うのでしょうか?)、次のようにすることができます。

アンカー タグを div でラップし、次のような ID を付けます

 <div id="myDiv">
  <a href="#">First Link</a>
  <a href="#">Second Div</a>
 </div >

次に、jQuery を使用してリンクを作成します。

<script>
 $(function(){
   $("myDiv").children(a:first-child).click(function(){
      // Do stuff here
   });

   $("myDiv").children(a:last-child).click(function(){
      // Do stuff here
   });
 });
</script>

Answer 4

これが役立つと思います：

<a id="first" href="">.zip file, first link</a>
<script>
  $("first").click(function() {
    location.href="first.location";
    return false;
  });
</script>

<a id="second" href="">.tar.gz file, second link </a>

<script>
  $("second").click(function() {
    location.href=="second.location";
    return false;
  });
</script>