title: Bootstrap Modal element Select
body: <p>i have bootstrap Modal . and i have 3 images on it . what i want that when i click on any of this images change HTML of div.text , but its change all the div that take <code>.text</code> class i need change the html of the current div that i opened the modal . any help !!</p>
  
  <pre><code>&lt;div class="Widget"&gt;
   &lt;div class="press"&gt;
      &lt;a data-toggle="modal" data-target="#myModal"&gt;&lt;/a&gt;
       &lt;div class="text"&gt;test111&lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="Widget"&gt;
   &lt;div class="press"&gt;
      &lt;a data-toggle="modal" data-target="#myModal"&gt;&lt;/a&gt;
        &lt;div class="text"&gt;test2222&lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="Widget"&gt;
   &lt;div class="press"&gt;
      &lt;a data-toggle="modal" data-target="#myModal"&gt;&lt;/a&gt;
      &lt;div class="text"&gt;test3333&lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Jquery :</p>
  
  <pre><code>$("#img1").click(function(){
    $(".text").html("Its woking")  
   });
  </code></pre>