자바스크립트 or php 질문드립니다~
본문
저는 해당 요소에 active가 있으면, 원하는 코드를 노출시키고 싶습니다
<button class="first_main_tablinks main_tablinks active" onclick="openCity(event, 'London')">공지사항</button>
<button class="second_main_tablinks main_tablinks" onclick="openCity(event, 'Paris')">재단소식</button>
<button class="third_main_tablinks main_tablinks" onclick="openCity(event, 'Tokyo')">게시판</button>
<script>
if($(".first_main_tablinks").hasClass("active")){
document.write("<a href='https://www.naver.com/' class='go_notice'><p>더보기+</p></a>");
} else if ($(".second_main_tablinks").hasClass("active")){
document.write("<a href='https://www.daum.net/' class='go_notice'><p>더보기+</p></a>");
} else if ($(".third_main_tablinks").hasClass("active")){
document.write("<a href='https://www.google.co.kr/' class='go_notice'><p>더보기+</p></a>");
}
</script>
그래서 제가 자바스크립트로 시도한 것은..
<script>
if($(".first_main_tablinks").hasClass("active")){
document.write("<a href='https://www.naver.com/' class='go_notice'><p>더보기+</p> </a>");
} else if ($(".second_main_tablinks").hasClass("active")){
document.write("<a href='https://www.daum.net/' class='go_notice'><p>더보기+</p></a>");
} else if ($(".third_main_tablinks").hasClass("active")){
document.write("<a href='https://www.google.co.kr/' class='go_notice'><p>더보기+</p></a>");
}
</script>
이것 입니다..
부끄럽지만.. 생각해낸 방법이 클래스를 하나하나 추가해서 active를 갖고있으면 a태그의 href가 바뀌는 느낌으로 해봤습니다
$(function()) 으로 묶으니까 페이지가 사라지고 더보기+만 나타나더라구요??
php나 script나 방법이 있나요~?
답변 2
document.wirte 를 쓸게아니라
$(target).append(source) 으로 해보세요
<button class="first_main_tablinks main_tablinks active"
이 부분이 php에서 결정 되는 것이면
따라 나오는 자바스크립트 부분을 없애고
php로 해당 링크가 걸린 "more"를 출력하면 되지 않을까요