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

본문 바로가기

사이트 내 전체검색

뒤로가기 JQUERY

■ jQuery 요소 관련 - $html()

페이지 정보

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

본문

실행 분류

형식

취득

 $("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

댓글목록 0

등록된 댓글이 없습니다.


Copyright © dancePKT. All rights reserved.
PC 버전으로 보기