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

본문 바로가기

사이트 내 전체검색

뒤로가기 JQUERY

■ jQuery 요소 관련 - $text()

페이지 정보

작성자 관리자 작성일 21-07-19 16:51 조회 751 댓글 0

본문

실행 분류

형식

취득

 $("div").text();

생성, 변경

 $("div").text("텍스트 생성 및 변경");

콜백 함수

 $("div").text(function(index, t){
     // index는 각 div 요소의 index 0,1,2
     // t는 각 div 요소의 텍스트 "내용1","내용2","내용3"
     return 텍스트 // 각 div 요소의 텍스트를 생성, 변경할 수 있다.
 });
 ................
 <div>내용1</div>

 <div>내용2</div> 

 <div>내용3</div> 




ex)


<script>

$(document).ready(function(){

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

console.log(str);

$("#m1").text("제이쿼리");

console.log($("#m1").text());

$("#m2 > div").text(function(index, text){

return "div 요소의 텍스트는 "+text+", index = "+index;

});

});

</script>


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

<div id="m2">

<div>html</div>

<div>css</div>

<div>javascript</div>

</div>




[실행결과]

a8282109bad424333f9563c3cc233bf4_1626691522_6757.png
 

추천0 비추천 0

댓글목록 0

등록된 댓글이 없습니다.


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