在其他基础上选择元素

时间:2014-04-19 02:49:07

标签: javascript jquery

我想在A元素的基础上选择B元素,即当A的类变为.activeLesson时。应该选择B元素。我该怎么做?

<ul class="">
  <li>L4</li>
  <li>L5</li>
  <li class="lastChild">L5</li>
</ul>

<article class="active"></article>

虽然最后一个li获得了类'lastchild'(使用一些jquery),但我想将文章类从'active'更改为'inactive'

这现在有意义吗?

2 个答案:

答案 0 :(得分:0)

你可以在其他代码之后立即执行吗?

// adds the class 'lastChild' to the last li
$('li').last().addClass('lastChild')
// switches article from .active to .inactive
$('article').removeClass('active').addClass('inactive')

答案 1 :(得分:0)

您可以setInterval为您工作。

setInterval(function () {
    if ($('li').is('.lastChild')) {
        $('article').addClass('inactive').removeClass('active');
    } else {
        $('article').addClass('active').removeClass('inactive');
    }
}, 1000);

这里,函数每秒运行一次。该函数依次检查<li> lastChild类,如果它存在,则会添加非活动状态并删除活动类。

如果<li>没有.lastChild

,则反之亦然