크롬80버전 결제 이슈, 영카트5 주요패치 확인!

div id값으로 안 보이게 하는 방법 질문요

컨텐츠몰 10% 할인!
그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티
div id값으로 안 보이게 하는 방법 질문요

QA

SIR 컨텐츠몰 10% 특별할인 - 코로나19 바이러스로 어려운 시기, SIR이 함께 하겠습니다.

div id값으로 안 보이게 하는 방법 질문요

본문

<div id='city0' style='display:none;'>

내용0

</div>

 

<div id='city1' style='display:none;'>

내용1

</div>

 

<div id='city2' style='display:none;'>

내용2

</div>

 

이렇게 소스가 되어 있습니다. 기본으로 다 안 보이고

 

<a  onclick="select('1')">보기</a> 이런식으로 클릭할때만 그 숫자의 레이어만 보이게 할려고 하는데요

 

function select(aa)
{
  document.getElementById('city'+aa).style.display = '';

}

 

근데 문제는 이렇게 하면  <a  onclick="select('0')">보기</a> 또 눌러 버리면 0,1 레이어가 다 보이게 됩니다. 0을 클릭하면 다른건 안 보이고 0만 보여야 하고, 1을 누르면 0은 안 보이고 1만 보여야 합니다.

 

어떻게 해야 할까요?

 

물론 1을 누루면 0,2를 none 으로 하는 스크립트를 넣으면 되긴 하는데 문제는 저 값들이 고정된게 아니라서 어떤곳은 1~9까지 있을수 있고, 어떤곳은 1~3 이럴수도 있어서

 

뭐 길게 설명했지만 핵심은 스크립트 처리를 할때 id 값으로 포괄적으로 실행시키는 방법이있나요?

 

예를 들어 city 으로 시작하는 id값을 모두 한번에 실행시킬수 있는

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 1

채택됨

쟁반짜장님의 답변

<script>
$(function() {
    $(".city").on("click", function() {
        $("#city" + $(this).data("no")).toggle();
    });
});
</script>
<div id="city0" style="display: none;">0</div>
<div id="city1" style="display: none;">1</div>
<div id="city2" style="display: none;">2</div>
<a href="#" class="city" data-no="0">보기</a>
<a href="#" class="city" data-no="1">보기</a>
<a href="#" class="city" data-no="2">보기</a>
주소복사
채택됨
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 85,448 | RSS
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. 참여17 회 시작20.03.25 10:40 종료20.04.01 10:40

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT