Как назначиь click на текст который в :after/:before?
Нельзя. :after/:before не относятся к DOM дереву, поэтому браузер не может определить события, относящиеся к ним.
Решение TroubleInThat имеет место быть, но это костыль и не стоит того. Лучше и правильнее сделать отдельный div/span для нужного блока.
если сильно хочется то можно....
не совсем честно - но работает
= err -ref -->> например так : https://jsfiddle.net/t3do8rjs/
Извините..., не смог получить правильную ссылку
поправьте скрипт
-----------------------
$('.popUp').click(function(){
    if (this.offsetWidth - event.offsetX < 0) {
		$('.popUp').addClass('close');
    }
});
нашел. пример здесь  : 
https://jsfiddle.net/t3do8rjs/1/