Продублировать содержимое тега в самого себя

Question

пытаюсь продублировать содержимое тега title_box в самого себя, но не выходит.

<h1 class="title_box">Test 1</h1>
<h1 class="title_box">Test 2</h1>

    $('.title_box').load(function() {
          var title =  $(this).text();
          $(this).append("<span>"+title+"</span>");
        });

На выходе должно получиться:

<h1 class="title_box">Test 1<span>Test 1</span></h1>
<h1 class="title_box">Test 2<span>Test 2</span></h1>

Буду благодарен за подсказки.

Answer 1

У Вас почти всё правильно и всё работает:

$('.title_box').each(function() {
  var title = $(this).text();
  $(this).append("<span>" + title + "</span>");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1 class="title_box">Test 1</h1>
<h1 class="title_box">Test 2</h1>

БЛОГ НА HUSL

Продублировать содержимое тега в самого себя

Ответы (1 шт):