div id값으로 안 보이게 하는 방법 질문요 채택완료
이렇게 소스가 되어 있습니다. 기본으로 다 안 보이고
function select(aa) { document.getElementById('city'+aa).style.display = '';
}
근데 문제는 이렇게 하면
어떻게 해야 할까요?
물론 1을 누루면 0,2를 none 으로 하는 스크립트를 넣으면 되긴 하는데 문제는 저 값들이 고정된게 아니라서 어떤곳은 1~9까지 있을수 있고, 어떤곳은 1~3 이럴수도 있어서
뭐 길게 설명했지만 핵심은 스크립트 처리를 할때 id 값으로 포괄적으로 실행시키는 방법이있나요?
예를 들어 city 으로 시작하는 id값을 모두 한번에 실행시킬수 있는
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
5년 전
</p>
<p><script>
$(function() {
$(".city").on("click", function() {
$("#city" + $(this).data("no")).toggle();
});
});
</script></p>
<p><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></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 7개
�
5년 전
�
5년 전
[code]
$(".city").on("click", function() {
$("div[id^='city']").hide();
$("#city" + $(this).data("no")).toggle();
});
[/code]
$(".city").on("click", function() {
$("div[id^='city']").hide();
$("#city" + $(this).data("no")).toggle();
});
[/code]
�
5년 전
감사합니다. 됩니다. ^^
근데 링크를 <a href="#" 이런식으로 하다보니 클릭할때마다 화면이 위로 올라가 버리는데 화면 이동없이 a 링크도 되나요?
근데 링크를 <a href="#" 이런식으로 하다보니 클릭할때마다 화면이 위로 올라가 버리는데 화면 이동없이 a 링크도 되나요?
�
5년 전
[code]
$(".city").on("click", function(e) {
e.preventDefault();
$("div[id^='city']").hide();
$("#city" + $(this).data("no")).toggle();
});
[/code]
$(".city").on("click", function(e) {
e.preventDefault();
$("div[id^='city']").hide();
$("#city" + $(this).data("no")).toggle();
});
[/code]
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
채택
채택
답변대기
답변대기
채택
채택
채택
채택
채택
채택
채택
채택
답변대기
채택
답변대기
답변대기
채택
채택
답변대기
채택
안 사라집니다. 0보기 누르면 city0만 보이고 나머지는 안 보여야 하는데 그대로 보입니다.