最初の要素のidを渡すだけのAjax呼び出し

Question

同じ<>を使用する複数の動的リンクを出力しています。私のAJAX呼び出しはすべてのリンクの細かいコンテンツをうまく読み込みます。しかし、ajaxコンテンツを表示する新しいdivは、他のリンクがクリックされたときに最初のリンクのIDのみを出力します。私はこのIDをコンソールに表示するためにこれを使用していますconsole.log($('[data-taskid]').first().attr('data-id'));私はどのように私のAjaxビューをクリックしたリンクのIDを渡すことができますか？みんなありがとう！

<div id="content"></div> 

PHP

$string .= '<a class="hrefid" data-id="'.$name["id"].'" href="#link">'.$name["name"].'</a>'. 

のjQuery

$('.hrefid').on('click', function (e) { 
    var load = $(e.target).attr("href"); 
    if(load == "#link") { 
     $.ajax({ 
      type: 'post', 
      url: "/page/test/"+$(this).parents("[data-id]").attr("data-id"), 
      complete: function (event) { 
       $("#content").contents().remove(); 
       $("#content").append(event.responseText); 


      } 
     }); 
    } 
}); 

Answer 1

私が参考に$（this）を使用していないことを確認してください、$（この）参照は一度chnagedますあなたはajaxで$（this）を使用しますが、ajaxではなくメインセレクタを指します。

 $('.hrefid').on('click', function (e) { 
       var $this = $(this); 
       var load = $this.attr("href"); 
       if(load == "#link") { 
        $.ajax({ 
         type: 'post', 
         url: "/page/test/"+ $this.attr("data-id"), 
         complete: function (event) { 
          $("#content").contents().remove(); 
          $("#content").append(event.responseText); 
         } 
        }); 
       } 
     });