[초보질문] 제이쿼리 똑같은 대상 before,after 각각 클릭 이벤트 따로 적용할수있나요?

Question

::before ::after

클래스 price 에 before와 after을 같이 사용하여 프리뷰와 넥스트를 만들었는데 제이쿼리를 사용하여 before를 눌렀을때와 after를 눌렀을때 각각 다른 이벤트를 발생할수있나요? querySelector와addEventListener를 사용했는데 클래스를 따로 적용해봐도 같이 작동하더라구요..초보에게 도움주시면 감사하겠습니다.

어쩌다프로그래머 · Accepted Answer

::before::after이것이 태그 인가요.? <article class&#61;&#34;price&#34;>안의 html 을 알려주세요

ksy · Answer

누적취급액 (억원)

4,801.32
258.41
투자잔액 (억원)

1,644.72
105.61
상환원금 (억원)

3,156.6
152.8
상환수익 (억원)

233.57
9.93

평균수익률 (%)

11.99
0.22
누적투자건수 (건)

581,319
37940
평균누적투자금액 (만원)

283.2
2.9
재투자율 (%)

51.75
0.68

손실률 (%)

0.29
0.18
손실원금 (억원)

13.7
8.75
연체율 (잔액기준, %)

10.91
0.69
연체율 (취급액기준, %)

3.74
0.19

css는article.price::before,article.price::after{ width: 20px; height: 20px; display: block; position: absolute; right: 5px; font-size: 25px; transform: scaleX(1.5) rotate(90deg); cursor: pointer; z-index: 1; pointer-events: all; } article.price::before{ content: "<"; top: 20px; } article.price::after{ content: ">"; bottom: 20px; } 이렇게 되있습니다

어쩌다프로그래머 · Answer

https://stackoverflow.com/questions/5041494/selecting-and-manipulating-css-pseudo-elements-such-as-before-and-after-usin/21709814#21709814

ksy · Answer

같은 대상에 비포 에프터는 따로 적용이 안되나봐요 ㅠ 하나만 하면 작동되는데 2개하면 동시에 적용이되네요 데이터값 다르게 적용해도.... 답변 주셔서 너무 감사합니다 ㅎ

[초보질문] 제이쿼리 똑같은 대상 before,after 각각 클릭 이벤트 따로 적용할수있나요?

4개의 답변

#before 목록