JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ybox" id="textBox">
  <div id="clients">
    <div>
    <ul>
      <li><a href="#1">LINK</a></li>
          <li>no link</li>
          <li>no link</li>
          <li><a href="#2">LINK</a></li>
          <li>no link</li>
          <li>no link</li>
          <li><a href="#3">LINK</a></li>
          <li>no link</li>
          <li>no link</li>
          <li><a href="#4">LINK</a></li>
          <li>no link</li>
          <li>no link</li>
          <li><a href="#5">LINK</a></li>
          <li>no link</li>
          <li>no link</li>
          <li><a href="#6">LINK</a></li>
          <li>no link</li>
          <li>no link</li>
          <li><a href="#7">LINK</a></li>
          <li>no link</li>
          <li>no link</li>
          <li><a href="#8">LINK</a></li>
          <li>no link</li>
          <li>no link</li>
          <li><a href="#">LINK</a></li>
          <li>no link</li>
          <li>no link</li>
        </ul>
        </div>
  </div>
</div>

JavaScript

$(".ybox div div").live("click", function() {
  alert("scroll div"); return false;
});

$(".ybox div div a").live("click", function() {
  alert(this.href); return false;
});