jquery - 我有两个操作链接和一个模式弹出窗口。有什么方法可以知道点击了哪个操作链接

Question

<div><a data-toggle="modal" href="#accmodel" data-target="#accmodel" id="addacc">AddAccomodation</a>
    <div id=modeldetails1></div>
</div>
<div><a data-toggle="modal" href="#accmodel" data-target="#accmodel" id="addacc2">AddAccomodation</a>
    <div id=modeldetails2></div>
</div>

on click of the submit button in the model popup i need to find out which action link triggered the popup so that i could append the details to coressponding div

<div>
    <a data-toggle="modal" href="#accmodel" data-target="#accmodel" id="addacc2">AddAccomodation</a>
    <div id=modeldetails2></div>
</div>
<div class="modal fade" id="accmodel" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Modal Header</h4>
            </div>
            <div class="modal-body col-sm-12" id="mbody">
                <div class="form-group">
                    <textarea id="acctext" class="accomodation"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" id="saveaccbtn">Add</button>
            </div>
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>
    </div>
</div>

Answer 1

你可以简单地使用 jquery 来做到这一点

<div><a  href="#accmodel" data-clicked="from link 1" id="addacc">AddAccomodation</a>
<div id="modeldetails1"></div></div>
<div><a href="#accmodel" data-clicked="from link 2"   id="addacc2">AddAccomodation</a>
 <div id="modeldetails2"></div></div>
 <script>
  $(document).ready(function(){


   $('#addacc').click(function(){
      alert($(this).data('clicked'));
      $('#accmodel').modal('show');
   });

  $('#addacc2').click(function(){
     alert($(this).data('clicked'));
     $('#accmodel').modal('show');
  });
 });
 </script>