Javascript 未在$上执行jQuery.addClass（此）

当用户单击时，我试图更改列表项。选定的类将更改为单击的项。我有以下代码：

$(function() {
    $("a.product-page li").click(function(){
        $(this).parent("a").addClass("selected-page");
        $("#options a.selected-page").removeClass("selected-page");
    });
});

然而，removeClass可以工作，而addClass不能

这是你的电话号码

HTML:

---

这是因为你马上就要开除这个班了。把这两条线翻过来，它就行了

$(function() {
    $("a.product-page li").click(function(){
        $("#options a.selected-page").removeClass("selected-page");
        $(this).parent("a").addClass("selected-page");
    });
});

---

正如上面的评论所指出的，您的HTML格式也非常不正确。这需要修复。

您正在添加类，然后在下一行中删除

这里的命令

$(this).parent("a").addClass("selected-page");
$("#options a.selected-page").removeClass("selected-page");

这是不正确的

您应该像下面那样将链接标记包装在li标记中， HTML:

颠倒路线

    $(this).parent("a").addClass("selected-page");
    $("#options a.selected-page").removeClass("selected-page");

无效的html。。。应该是。。。。

$(this).parent("a").addClass("selected-page");
$("#options a.selected-page").removeClass("selected-page");

<ul id="options">
    <li><a href="#summary" id="summary" class="product-page selected-page"><span></span>Summary</a></li>
    <li><a href="#specs" id="specs" class="product-page"><span></span>Specs</a></li>
    <li><a href="#media" id="media" class="product-page"><span></span>Media</a></li>
    <li><a href="#reviews" id="review" class="product-page"><span></span>Reviews</a></li>
</ul>

$(function() {
    $("a.product-page", $('#options')).click(function(){
        $(this).addClass("selected-page");
        $("#options a.selected-page").not(this).removeClass("selected-page");            
    });
});

    $(this).parent("a").addClass("selected-page");
    $("#options a.selected-page").removeClass("selected-page");