javascript - js div 하이라이트 알림

Question

ps가 10개 있고, 클릭 시 하이라이트 프롬프트가 나오는데, 체크박스가 아니라 내용이 포함된 단순한 p 또는 10개의 다른 텍스트 단락을 구현하는 방법입니다. js로요?

Answer 1

일반 아이디어

• 각 p에 확인 속성을 추가합니다. 기본값은 false입니다.
  p[i].checked = false;

• 클릭하는 동안 현재 p의 체크 속성을 변경합니다. p[i].checked = !p[i].checked

• p를 클릭하는 동안 모든 p의 체크된 속성을 순회합니다. 그 중 두 개가 체크되어 있으면 false를 반환하여 함수를 종료합니다. 그렇지 않으면 p의 체크된 속성을 부정하고 할당합니다. 판단할 수 있는 구체적인 조건도 있고, 본인의 생각에 따라 천천히 생각해 보시면 됩니다.

Answer 2

예를 들어보세요 - -
예제 직접 보기: https://jsfiddle.net/677a1m6z/1/

html

으아악

css

으아악

js

으아악

참고: 여기서 $('.active').eq(0)와 같은 활성 요소를 가져오기 위해 인덱스 대신 c-1 및 c-2 식별자를 사용하는 이유는 인덱스가 순차적 순서를 가지기 때문입니다. 강조표시된 요소 앞이나 뒤의 요소 중 하나는 항상 유효하지 않습니다.