JSFiddle - React, Tailwind, and code Playground

by marcgrabow

HTML

<!-- based on this structure -->
<div class="triggerclick">
  <img class="left"/>
  <div class="left">
    <div>    </div>
    <div>    </div>
    <div>
      <ul>        
        <li> 
          <a>
            <span class="clickhere">Main Click is here</span>
          </a>          
        </li>        
      </ul>
    </div>    
    <div>     </div>
    <div>     </div>
  </div>


  <code class="test">100</code>

</div>

JavaScript

// Manually clicked 
$('.clickhere').live("click", function(){
  $(this).parent().parent().parent().parent().parent().parent().parent().find('.triggerclick').trigger('click'); 
});

$(".triggerclick").live("click", function() {

  var root = $(this);
  var id = root.find(".test").text();   // should show 100 
  alert(id);

  return false;
});