Question

There is a class that is being added to the li on hover in this fiddle.

I want to be able to add a class to the first li if the last li has the .on class applied to it. I have tried something like this but it doesn’t seem to work?

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

Updated fiddle with suggested answer.

Answer 1

Demo based on your fiddle

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');
});

---

jQuery doesn’t have a .contains() method; but it does have a .hasClass() method (which does what the name suggests):

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