javascript - $(this).addClass() 不起作用

Question

我可以做 $(this).children("a").addClass("class") 并且它工作正常，但是当我做 $(this).addClass( “class”) 它不起作用。我在鼠标悬停函数中使用 $(this) 。

$("#site nav li.hasChild").mouseover(function ()
{
    $(this).children("a").addClass("selectedTab");  // works fine
    $(this).addClass("selectedFixTab"); // does not work
    $(this).children("ul").css("display", "block");
});

HTML:

<header id="site">
    <nav>
        <ul>
            <li id="Li1" class="hasChild">
                <a href="#">Fix</a>
                <ul>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                </ul>
            </li>
            <li id="Li2" class="hasChild">
                <a href="#">Learn</a>
                <ul>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                </ul>
            </li>
            <li id="Li3">
                <a href="contact.htm">Contact</a>
            </li>
        </ul>
    </nav>
</header>

CSS:

.selectedFixTab
{
    border-top:1px solid #eb7c00;
    border-left:1px solid #eb7c00;
    border-right:1px solid #eb7c00;
}

.selectedLearnTab
{
    border-top:1px solid #2d70a3;
    border-left:1px solid #2d70a3;
    border-right:1px solid #2d70a3;
}

.selectedTab
{
    border-bottom:1px solid #fff;
}

Answer 1

当鼠标悬停在 LI 标记上时，它会成功将 "selectedFixTab" 类添加到顶级 LI 标记。您可以在这个 jsFiddle 中看到它的运行情况:http://jsfiddle.net/jfriend00/mj2u6/ .

我不确定它是否完全按照您的意图执行，但它正在执行代码所说的操作。如果您愿意解释您想要完成的任务，我们很可能可以帮助您修复代码以完成您想要的任务。