JSFiddle - React, Tailwind, and code Playground
by mofle
HTML
<table id="thetable">
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td></tr>
</table>
CSS
#thetable tr td {
border: 1px solid #999;
padding: 20px;
}
JavaScript
// should log when clicking td 3-6.
// don't work
$("#thetable").on("click", "tr:not(:first)", function() {
console.log("click");
});
// works
$("#thetable").on("click", "tr:gt(0)", function() {
console.log("click2");
});