티스토리 뷰


[제이쿼리/jquery] .text() .html() 예제


값을 불러오고 추가할 때 사용되는 메소드 - .text() .html()













시동디자인의 [첫눈] 스킨을 보면, '프로필 박스'에 '블로그 설명'[각주:1]이 나온다. 


이 내용을 어디서 불러오는 거냐면...












[관리자-블로그 설정-블로그 설명]란에 적은 내용을 불러오는 것이다. 


이곳에 적은 '블로그 설명'은 [##_desc_##] 이 티스토리 치환자로 불러올 수 있다. 


문제는 줄바꿈이 적용되지 않는다는 것이다. 그래서 이 '블로그 설명'란에 내용을 적을 때, 줄바꿈을 하고 싶은 곳에 <br>을 적으면, 첫화면에서 출력될 때 <br>은 사라지고 줄바꿈이 적용되도록 코딩하고자 한다.












<li class=profile_desc> 

[##_desc_##] 

</li>


<script>

$(document).ready(function(){

var desc = $(".profile_desc").text();

$(".profile_desc").html(desc);

});

</script>


이렇게 하면 된다.


var desc = $(".profile_desc").text();

변수 desc에 [##_desc_##] 값을 넣는다.


$(".profile_desc").html(desc);

변수 desc에 들어간 값을 html 형식으로 바꿔서 출력한다.












[jquery] .text() .html() 예제 끝


  1. "안녕하세요. 시동디자인 블로그 입니다. 연락처 010-9533-2769" [본문으로]

댓글
댓글쓰기 폼