не в состоянии выбрать После содержания

Question

Можете ли вы, пожалуйста, посмотрите на это демо и дайте мне знать, почему я не в состоянии выбрать после содержания

$("#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>

Answer 1

Попробуйте это:

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

Пример: http://jsfiddle.net/Lx65bwzt/1/