■ jQuery 요소 관련 - $html() > JQUERY

본문 바로가기
사이트 내 전체검색

JQUERY

■ jQuery 요소 관련 - $html()

페이지 정보

profile_image
작성자 관리자
댓글 0건 조회 702회 작성일 21-07-19 17:01

본문

실행 분류

형식

취득

 $("div").html();

생성, 변경

 $("div").html("<b>텍스트 생성 및 변경</b>");

콜백 함수

 $("div").html(function(index, h){
     // index는 각 div 요소의 index 0,1,2
     // h는 각 div 요소의 자식 em 요소
     return html // 각 div 요소의 자식 html를 생성 및 변경한다.
 });
 ................
 <div><em>내용1</em></div>

 <div><em>내용2</em></div> 

 <div><em>내용3</em></div> 




ex)

<script>

$(document).ready(function(){

var str = $("#m1").html();

console.log(str);


var str2 = $("#m1").text();

console.log(str2);

$("#m1").html("<b>dancePKT</b>");

$("#m2 > div").html(function(){

return "<b>"+$(this).text()+"</b>";

});

});

</script>


<div id="m1"><b>jQuery</b></div>

<div id="m2">

<div><em>html</em></div>

<div><em>css</em></div>

<div><em>javascript</em></div>

</div>




[실행결과]

dancePKT
html
css

javascript

             

d45caeba46a97bc746b0982958536151_1665550099_9238.png
 

추천0 비추천0

댓글목록

등록된 댓글이 없습니다.

회원로그인

회원가입

사이트 정보

공지사항
자유게시판
질문답변
1:1문의

 

별명 : 터푸가위
주소 : 부산시 동래구 명장로20번길 90
대표 : 박규태
메일 : dancepkt@******.com

접속자집계

오늘
161
어제
151
최대
10,760
전체
289,131
Copyright © dancePKT . All rights reserved.