javascript - 在链接内为 着色

Question

我在我的 woo commerce 商店页面中创建了一个子类别排序菜单。我想将链接到我现在所在页面的链接设置为红色。我对 css 没有问题，只是用 js 脚本。我怎样才能让它突出当前？这是我创建的排序菜单: 可以说这是我正在使用的 ul:

<ul class="wooc_sclist" id="catmenu">
<li class="category " ><h2><a href="..." class="...">Bla</a></h2></li>
</ul>

这就是我创建排序菜单的方式:

function tutsplus_product_subcategories( $cat) {
$parentid = $cat->term_id; 
$args = array(
    'parent' => $parentid
);
$terms = get_terms( 'product_cat', $args );

if ( $terms || is_subcategory() ) {

    echo '<ul class="wooc_sclist" id="catmenu">';

        foreach ( $terms as $term ) {

            echo '<li class="category " >';                 

                echo '<h2>';
                    echo '<a href="' .  esc_url( get_term_link( $term ) ) . '" class="' . $term->slug .'">';
                        echo $term->name;
                    echo '</a>';
                echo '</h2>';

            echo '</li>';


        }

        echo '</ul>';
    }
}

Answer 1

你可以像 header.php 或 footer.php 文件一样使用 jquery

<script>
    jQuery(document).ready(function(){
    jQuery('.current_page_item').css('color','red');
    });
</script>