JSFiddle - React, Tailwind, and code Playground

HTML

<p class="game_symbols">text1</p>
<div class="block">dsfsdfsdfdsf</div>
<p class="game_symbols">text2</p>
<div class="ggg">Lorem ipsum dolor sit amet.</div>
<p class="game_symbols">text3</p>
<div class="feew">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, obcaecati.</div>
<p class="game_symbols">text4</p>
<button>кнопка</button>
<p class="game_symbols">text5</p>
<a href="">link</a>

CSS

.game_symbols__wrapper{
  width: 100%;
  border: 1px solid #f00;
  margin-bottom: 10px;
}

JavaScript

symbolsName =  $(".game_symbols");
  symbolsName.wrap('<div class="game_symbols__wrapper"></div>');