Not Able to Select After Content

Question

Can you please take a look at this demo and let me know why I am not able to select the after content

$("#yellow::after").on("click", function(){
    alert("The after was clicked.");
});

div{background:yellow; height:200px; width:200px; margin-left:-210px;}
div::after {
  content: "Content";
    background-color:red;
   margin-left:200px;
    
    padding:15px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="yellow">
  hi
</div>

http://stackoverflow.com/questions/17788990/access-the-css-after-selector-with-jquery — Kostas Mitsarakis, Oct 28 '15 at 23:35

score 1 · Accepted Answer · answered Oct 28 '15 at 23:34

1

Try this :

$("#yellow").after().on("click", function(){
alert("The after was clicked.");
});

Example : http://jsfiddle.net/Lx65bwzt/1/

answered Oct 28 '15 at 23:34

DinoMyte

8,737
1
19
26

Not Able to Select After Content

1 Answers1