jquery - 最後のliにクラスが含まれている場合、最初のliにクラスを追加します

Question

この fiddleの hover で li に追加されているクラスがあります。

最後のliに.onクラスが適用されている場合、最初のliにクラスを追加できるようにしたい。私はこのようなことを試みましたが、うまくいかないようですか？

if ($("li.top-level:last").contains(document.on))
   {
        $('li.top-level:first').addClass('first');
   }

提案された回答でフィドルを更新しました。

Answer 1

あなたのフィドルに基づくデモ

var $link = $('ul.internal-dropdown li.top-level');
$link.hover(function() {
    $(this).addClass('on');
    if( $(this).is('li.top-level:last-child') ) {
        $('li.top-level:first').addClass('first');
    }

}, function() {
    $link.removeClass('on');
    $('li.top-level:first').removeClass('first');
});

---

.contains()jQuery にはメソッドがありません。ただし、.hasClass()メソッドがあります（名前が示唆することを行います）：

if( $('li.top-level:last').hasClass('on') ) {
    $('li.top-level:first').addClass('first');
}