본문 바로가기
Front-end/jQuery

요소의 텍스트를 span으로 감싸진 텍스트로 변환하기

by Gi-One 2024. 6. 1.

<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);

 

 

댓글