Detect

HTML

<ul>
  <li>
    <p id="a">Ana</p>
    <button>Click</button>
  </li>
  <li>
    <p id="b">Billy</p>
    <button>Click</button>
  </li>
  <li>
    <p id="c">Carlos</p>
    <button>Click</button>
  </li>
</ul>

CSS

ul {
  list-style-type: none
}

p {
  display: inline-block;
  min-width: 60px;
  
}

JavaScript

$(document).on('click', 'ul li', (e) => {
	console.log(e.currentTarget.firstElementChild.innerHTML);
  document.getElementById("a").style.color = "pink";
  document.getElementById("b").style.color = "red";
  document.getElementById("c").style.color = "limegreen";
})