javascript - 子リストではなく、LIコンテンツでwrapInnerを使用していますか?

Question

次のコードを検討してください。

<ul>
  <li>Home

    <ol>
      <li>One
        <ol>
          <li>Beta</li>
        </ol>
      </li>
    </ol>
  </li>
</ul>

LIラベルをタグで自動的にラップしたいのですが、次のようにspan、子ではなくラベルだけをラップします。LI

<ul>
  <li><span>Home</span>

    <ol>
      <li><span>One</span>
        <ol>
          <li><span>Beta</span></li>
        </ol>
      </li>
    </ol>
  </li>
</ul>

しかし、少し遊んだ後、これが可能かどうかはわかりません。私はこれらの行に沿って試していました:

$('.hierarchy li').wrapInner('<span />');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>Home

    <ol>
      <li>One
        <ol>
          <li>Beta</li>
        </ol>
      </li>
    </ol>
  </li>
</ul>

しかし、その後、のすべてが にLIラップされます<span>。これは可能ですか、それとも私が使用する必要があるもの以外wrapInner();ですか?