jQuery 如果 myDiv 是 :visible, addclass 到另一个元素

Question

我又开始接触 jQuery 了，显然我遗漏了一些东西。

我想根据另一个元素是否可见向一个元素添加一个类。

它用display: none;隐藏，用slideToggle激活

我有这个:

if ($("#about_me").is(':visible')){
        $("#about_me_clicker").addClass(".about_highlight"); 
    } else {
}

现在我假设我完全错了，所以 here's a fiddle for you to see .

如果另一个是 :visible，我如何将这个类添加到某个 div？

谢谢。

编辑:

为了清楚起见，我将只将该类应用于一个元素。

Answer 1

改变:

$("#about_me_clicker").addClass(".about_highlight");

收件人:

$("#about_me_clicker").addClass("about_highlight");

您不需要包含 .在 addClass 的类名中.

此外，在您的 fiddle 的 CSS 中:

.about_highlight
{
    color; #f00;
}

应该是:

.about_highlight
{
    color: #f00;
}

另外请注意，在 CSS 中，id 优先于类。所以即使 div 有类 about_highlight , 在 #about_me_clicker 中声明的颜色将处于事件状态。

<罢工>要解决此问题，您可以使用 !important .

<罢工>

.about_highlight
{
    color: #f00 !important;
}

<罢工>

要解决这个问题，只需制定更具体的 CSS 规则即可。

#about_me_clicker.about_highlight
{
    color: #f00;
}

更新 fiddle :http://jsfiddle.net/YVqJ7/20/