Ajax和Laravel的动态内容

Question

我是laravel的新手，我想为手风琴实现一个动态的ajax内容。 我有一个联系人组及其成员的列表。 团体和成员之间存在多对多的关系。 手风琴应显示所有组，单击时必须显示属于该组的所有成员。

现在，我可以在for循环中显示手风琴中的所有组。 当我单击手风琴时，应该对ID进行控制。 问题是，单击时仅控制台第一个手风琴的ID。 单击时，其他所有手风琴都没有控制其ID。

有关，只有第一个手风琴的相关成员显示在其面板中，其余的为空。 我该如何解决这个问题？

的HTML

 <legend>Display members from contact groups</legend> 
    @foreach($contactGroup as $contact)
    <button type ="button" value="{!! $contact->id !!}" class="accordion" id="contact"  name="contact">{!!$contact->first_name!!}</button>
    <div class="panel" id="labels">
    </label>
    </div>
    @endforeach

阿贾克斯

<script type="text/javascript">
$("#contact").on("click", function(e) {
    e.preventDefault();

    console.log($(this).val)());
    $.ajax({type: "GET",
        url: "/ajax-request?contact_id=" +contact_id,
        data: 
        { contact_id: $(this).val(), 
          access_token: $("#access_token").val()   
         },
        success:function(result) {             
        $.each(result, function (i, myData) {    
        $("#labels").append('<label>'+myData.name+'</label>');                
    });

      },
            error:function(result) {
          alert('error');
        }   
    });   
});

</script>

Answer 1

代替引用id=contact使用class=accordion contact

然后在你的ajax部分

<script type="text/javascript">
$(".contact").on("click", function(e) {
    e.preventDefault();
    var $this = $(this);

    console.log($this.attr('value'));
    ....
    ..
    .
});

</script>

请参阅这篇文章，了解Id和Class div class vs id之间的区别