JSFiddle - React, Tailwind, and code Playground

by Matt Ball

HTML

<div id="container">
  <div class="element">
    <img src="something.jpg"/>
    <a href="somelink">Some link</a>
    <p>Blah blah...</p>
  </div>
  <div class="element">
    <img src="something2.jpg"/>
    <a href="somelink2">Some link2</a>
    <p>Blah blah...</p>
  </div>
</div>

CSS

.element, .element > * {
    background-color: #888;
    border: 1px solid #000;
    margin: 2px;
}

.element > * {
    background-color: #ccc;
}

JavaScript

$("#container").delegate(".element", "click", function(event) {
    if (!$(event.target).hasClass("element")) return;
    alert("Hi");
});