2

次の DOM 要素があります。

<div id="container">
    <ul class="block-grid three-up">
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
        <li>Four</li>
        <li>Five</li>
        <li>Six</li>
    </ul>
</div>

私がやりたいことは、ul に、どの li がホバーされているかを示すクラスを持たせることです。これまでのところ、私は持っています:

$('#container li').hover(function() {
        i = $(this).index() + 1;
        // need function to remove all classes that start with n- here
        $('#container ul').addClass('n-'+i);
        $(this).addClass('active');
    }, function() {
        // need function to remove all classes that start with n- here
        $(this).removeClass('active');
    }
);

n- で始まるすべてのクラスを削除する方法を見つける必要があります。これは、コードが現在記述されているため、ul にクラスを追加して追加するだけだからです。構造上の理由で必要な追加のクラスがあるため、他のすべてのクラスを単純に削除することはできません。また、removeClasses でワイルドカードを使用する方法がないこともわかっています。ここで使用できる正規表現はありますか?

4

2 に答える 2