JQuery select pseudo-element :after [duplicate]

Answer 1

Do something like this instead:

$(function(){
    $('.show-more').after().click(function() {
        alert("Yes");
    }); 
});

.show-more {
Width: 100px;
Height: 40px;
Position: relative; /* Helps you define the area you want to be clickable */
Overflow: hidden;
}


.show-more:after {
 content: 'Click me';
Left:0;
Top: 0;
width: 100%;
height: 100%;
background: red;
color: white;
padding: 15px;
line-height: 40px;
cursor: pointer;
}