Откройте ближайший модальный элемент jQuery.

Question

У меня проблема с тем, что у ближайший модальный всплывающий вверх по тегу, который был нажал. Не понимаю, почему мой jQuery не работает.

<div class="col-md-3"> 
     <h2 class="text-center"> gMaps XML </h2> 

    <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> 
     <div class="modal-dialog modal-lg"> 
     <div class="modal-content"> 
      <p>this is a test of xml modal</p> 
     </div> 
     </div 
    </div> 

     <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam</p> 
    <!-- makes above modal pop-up --> <a href="#" class="code button white text-center" data-toggle="modal">View Code</a> 
</div> <!-- END COL --> 


<div class="col-md-3" > 
    <h2 class="text-center"> Date JS </h2> 
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria labelledby="myLargeModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-lg"> 
    <div class="modal-content"> 
     This is a test 
    </div> 
    </div> 
</div> 

<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore .</p> 
<!-- This clicked --> <a href="#" class="code button white text-center" data-toggle="modal" >View Code</a> 

<script> 
$("a.code").click(function(event){ 
    $(this).closest(".bs-example-modal-lg").modal("show"); 
    }); 
</script> 

Answer 1

Попробуйте это. Я надеюсь, что это поможет вам.

$("a.code").click(function(event){ 
    $(this).parent().find(".bs-example-modal-lg").modal("show"); 
    }); 

Fiddle Demo