jQuery метод .wrap()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
  $('.youtube').wrap("<div class='step_1' style='display:none;'></div>");
</script>

сперва подключаем Jquery

Выбираем класс teg далее добавляем wrap

jQuery метод .wrap() обертывает каждый совпавший элемент, или элементы в наборе, выбранными HTML элементами.

Обращаю Ваше внимание, что метод .wrap() фактически обратен методу .unwrap():

После этого добавляем любой html teg