CSS3 : after pseudo-element에서 JQuery로 이벤트 트리거?

Question

나는이 CSS를

#popup .title:hover:after { 
    content: "hide"; 
    position: absolute; 
    top: 3px; 
    right: -32px; 
    background: orange; 
    padding: 2px 4px; 
    font-size: 10px; 
    border-radius: 4px; 
} 

을 가지고 .remove()<div id="#popup">에에 클릭 이벤트를 사용하고 싶었지만 : 준비 문서에

$('#popup .title:hover:after').length 

반환 0 ..

방법이 있나요 이것을하기 위해?

Answer 1

방법이 있습니까?

죄송합니다. :after (또는 :before 또는 CSS 3 등가 ::after 및 ::before)으로 만든 의사 요소는 DOM의 일부가 아니므로 선택할 수 없습니다. CSS 2.1 spec에서

:

생성 된 내용은 문서 트리를 변경하지 않습니다. 특히, 은 문서 언어 프로세서에 피드백되지 않습니다 (예 : 재분석).

Answer 2

슬픈 듯이 Pseduo 요소가 dom에 없습니다. 그래서 브라우저는 페이지가로드 된 후 그들에로드 할로 :(

을 볼 수 없습니다 또는 내가 후 사용하여 자바 스크립트와 함께 할 것 CSS를 읽은 것 :

$('#popup .title').after(); (you'll need to ploop your code in still) 

을

그리고 이제는 추가되었습니다. 자바 스크립트로 재생할 수 있고 기타 등등을 제거 할 수 있습니다.