<h2 id="spanText">Hello World</h2>
var spanText = $('#spanText').text(); // Hello World 그대로 가져오기
var spannedText = ''; // span 요소로 감싸질 텍스트 변수선언
// 각 글자를 span 요소로 감싸기
for (var i = 0; i < headingText.length; i++) {
spannedText += '<span>' + spanText [i] + '</span>';
}
// h2 요소의 내용을 spannedText 요소로 변경
$('#spanText').html(spannedText);
'Front-end > jQuery' 카테고리의 다른 글
[jQuery] Textarea 용량(Byte) 표시 / 최대용량제한 (0) | 2024.08.23 |
---|---|
[Form] 이메일주소 직접입력 / 선택 Option (0) | 2024.08.22 |
[jQuery, script] 스크롤 이동 (0) | 2023.02.10 |
[jQuery] 클릭 시 모달,팝업 띄우기 / 메뉴 팝업창 만들기 (0) | 2022.12.03 |
[jQuery] 요소의 탐색, 형제 선택 / 부모 선택 / 자식 선택 (0) | 2022.10.11 |
댓글