JSFiddle - React, Tailwind, and code Playground

by suhail

HTML

<div class="parent">
  <div class="cont">
    <div class="par">
      <div class="ids">
        ids 1
      </div>
    </div>
    <div class="asdas">
      <div class="click">
        click 1
      </div>
    </div>
  </div>
  <div class="cont">
    <div class="par">
      <div class="ids">
        ids 2
      </div>
    </div>
    <div class="asdas">
      <div class="click">
        click 2
      </div>
    </div>
  </div>
  <div class="cont">
    <div class="par">
      <div class="ids">
        ids 3
      </div>
    </div>
    <div class="asdas">
      <div class="click">
        click 3
      </div>
    </div>
  </div>
  <div class="cont">
    <div class="par">
      <div class="ids">
        ids 4
      </div>
    </div>
    <div class="asdas">
      <div class="click">
        click 4
      </div>
    </div>
  </div>
  <div class="cont">
    <div class="par">
      <div class="ids">
        ids 5
      </div>
    </div>
    <div class="asdas">
      <div class="click">
        click 5
      </div>
    </div>
  </div>
</div>

CSS

.click{
  padding:5px;
  margin:5px;
  background:yellow;
  cursor:pointer;
}

JavaScript

$('.click').on('click',function(){
	$(this).parents('.cont').find('.ids').html('clicked');
});