使用Boostrap模态进行点击事件

Question

这是js代码：

$( document ).ready(function() {
        $('#myModal').on('shown.bs.modal', function () {
            console.log(this);
            p_info = $(this).attr('id').split("||");
            // $.ajax({
            //   method: "POST",
            //   url: "/pacients/add_new_disease",
            //   data: { pacient_id: p_info[0]}
            // })
            // .done(function( msg ) {
            //    $("#myModalLabel").text("Add disease - "+ p_info[1]);
            // });
        });
    });

这是html部分：

    <img src="http://localhost/test/images/pacients/update_pacient.jpg" id="25||Mihai Eminescu" class="update_pacient" data-toggle="modal" data-target="#myModal" alt="update">
    <div class="modal-dialog">
      <div class="modal-content">

        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="myModalLabel"></h4>
        </div>
        <div class="modal-body">
          <h4>Select diagnostic</h4>
          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
          <h4>Symptoms</h4>
          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
          <h4>Treatment</h4>
          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>

        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary">Save changes</button>
        </div>

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

我想要实现的是使用this从img标签获取id值，但是显然无法正常工作。 当我单击img并显示模态时，您能给我一些想法如何获取id值吗？

Answer 1

我猜$(this)是指模式而不是图像。

因此，尝试像这样：

 p_info = $("img.update_pacient").attr('id').split("||");