Ajax вызов только передающий идентификатор первого элемента

Question

Я выводя несколько динамических ссылок, которые используют то же самое < a>. Мой вызов AJAX загружает мелкий контент всех ссылок. Но новый div, который отображает содержимое ajax, выводит только идентификатор первой ссылки при нажатии других ссылок. Я использую это, чтобы увидеть идентификатор в консоли console.log($('[data-taskid]').first().attr('data-id'));, как я могу передать идентификатор ссылки, нажатой на мое представление ajax? Спасибо, парни!

<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

Пожалуйста, ознакомьтесь, что я не использовал $ (это) в качестве ссылки, $ (это) ссылка получить chnaged раз вы используете $ (this) в ajax, это относится к 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); 
         } 
        }); 
       } 
     });