title: Jquery How to change text of certain class inside $(this) selector
body: <p>My problem is quite obvious but I don't know why its solution is taking so much time.</p>
  
  <p>Look at my html:</p>
  
  <pre><code>
    {% for d in data %}       
              &lt;div class="chat_list" data-id={{d.id}}&gt;
                &lt;div class="chat_people" &gt;               
                  &lt;div class="chat_ib"  &gt;
                    &lt;h5&gt;&lt;span class="chat_date"&gt;
                   &lt;/span&gt;&lt;/h5&gt;                  
                  &lt;/div&gt; 
                &lt;/div&gt;
              &lt;/div&gt;
    {% endfor %}
  
  </code></pre>
  
  <p>I want to append text on click of certain div.Things I tried out in jquery:</p>
  
  <pre><code>$('.chat_list').on('click', function(event){  
      event.preventDefault();
      $( '.chat_date', this).text('hhh')
      $(this).find('.chat_date' ).text('hhh')
      $(this).find( 'chat_people').find('chat_ib').find('.chat_date' ).text('hhh')
   }); 
  </code></pre>
  
  <p>Nothing worked out. When only do <code>$( '.chat_date').text('hhh')</code>  text get appears on every div. Any good solution to this?</p>