HTML 엔티티를 jQuery와 비교하는 방법

StackOverflow https://stackoverflow.com/questions/30003

문제

다음 HTML 코드가 있습니다. 라코 디스

사용자가 span 태그를 클릭 할 때마다 위쪽 화살표와 아래쪽 화살표 사이를 전환하고 싶습니다. 라코 디스

내 기능은 항상 else 경로로 이동합니다.javacript : alert of arrow 변수를 만들면 html 엔티티가 화살표로 표시됩니다.어떻게 jQuery에게 arrow 변수를 html이 아닌 문자열로 해석하도록 지시 할 수 있습니까?

도움이 되었습니까?

해결책

HTML이 파싱 될 때 JQuery가 DOM에서 보는 것은 엔티티 참조가 아닌 유전자 태그 코드 ( "⇑")입니다.따라서 Javascript 코드에서 UPWARDS DOUBLE ARROW 또는 "⇑"를 테스트해야합니다.또한 전환 대상을 변경해야합니다. 라코 디스

다른 팁

arrow를 경고하면 무엇을 반환합니까?일치하는 정확한 문자열을 반환합니까?실제 문자 '⇓' 및 '⇑'를 얻는 경우 "\u21D1" 및 "\u21D3"와 일치시켜야 할 수 있습니다.

또한 모든 브라우저가 이러한 항목을 지원하는 것은 아니므로 ⇑ 및 ⇓를 사용해 보는 것이 좋습니다.

업데이트 : 다음은 완전히 작동하는 예입니다. http://jsbin.com/edogop/3/edit#html,live 라코 디스

클래스를 사용하여 스팬의 현재 상태를 알립니다. HTML은 다음과 같을 수 있습니다. 라코 디스

그런 다음 자바 스크립트에서 라코 디스

이것은 최선의 방법은 아니지만 작동합니다.힘든 테스트를하지 않았습니다

.toggle () 효과를 확인하세요.

이전에 제가했던 것과 비슷한 것이 있습니다.

HTML : 라코 디스

스크립트 : 라코 디스

브라우저가 항목을 소문자로 표시하기 때문에 정확히 일치하지 않을 수 있습니다.테스트 용으로 캐럿 (^)과 소문자 "v"를 사용해보십시오.

편집 됨-내 첫 번째 이론은 명백히 잘못되었습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top