php - 特定のリスト項目をターゲットにして、jquery 経由でテキストを入力しますか?

Question

「レベル 3」および「レベル 4」のすべてのリンクをターゲットにして、リンクに表示されるテキストの前にダッシュを入力するにはどうすればよいですか?

たとえば、以下のコードから、「Level 3 Page 1」または「Level 4 Page 1」のようなものは、「- Level 3 Page 1」と表示されます。

これはWordpressによって生成されたものです（リンクにダッシュを入力することはできません）：

<ul>
    <li class="top-level"><a href="#">Extra Curriculum</a></li>
    <li class="page_item page-item-42"><a href="#">Level 2 Page 1</a></li>
</ul>
<ul class='children'>
    <li class="page_item page-item-51">
        <a href="#">Level 3 Page 1</a>
        <ul class='children'>
            <li class="page_item page-item-56"><a href="#/">Level 4 Page 1</a></li>
            <li class="page_item page-item-57"><a href="#">Level 4 Page 2</a></li>
            <li class="page_item page-item-59"><a href="#">Level 4 Page 3</a></li>
        </ul>
    </li>
    <li class="page_item page-item-52"><a href="#">Level 3 Page 2</a></li>
    <li class="page_item page-item-54"><a href="#">Level 3 Page 3</a></li>
</ul>
<ul>
    <li class="page_item page-item-44"><a href="#">Level 2 Page 2</a></li>
    <li class="page_item page-item-47"><a href="#">Level 2 Page 3</a></li>
</ul>

これはjqueryの仕事だと思いますか？

Answer 1

:before疑似要素を使用できます：

.children > li:before {
  content: "-";
}