Javascript 如何使用jquery默认选择列表中的第一项

您好，我希望默认选择列表中的第一项。因此，当我打开视图时，我希望默认选择Général下的Plafond sécuritésociale项

当我打开视图时，我的项目似乎已被选中，但它会快速返回并关闭，我正在使用Jquery 3.3.1

$（函数（）{
$（.a.mdc-list-item:first”）.one（“单击”，函数（事件）{
event.preventDefault（）；
});
});

Général
进一步扩展
普拉芬德居里酒店
中芯国际
CSG CRD
大法官宣誓就职典礼
是元素，而不是类属性。您不想在它前面加一个点

你试过了吗

$(function () {
    $("a.mdc-list-item:first").on("click", function (event) {
        event.preventDefault();
        console.log($(this).html());

    });
});

我不明白你的意思，如果你想选择第一个元素，你可以在你的函数中使用这个代码

$(function () {
$(".mdc-list-item:first-child").css("background-color", "yellow");
        $(".mdc-list-item:first-child").on("click", function (event) {
            event.preventDefault();

        });
    });

如果你不问这个问题，请告诉我你需要清楚地使用css只创建活动类

.active {
    background-color: #CCC;
}

将该类添加到第一个标记

  <a class="mdc-list-item active" tauxPlafonds="PSS" data-toggle="tooltip" data-placement="top" style="cursor:pointer;">
               Plafond sécurité sociale
    </a>

给我们一个真实的例子，重现issue@ZakariaAcharki我不明白你的意思，我把我的code@ZakariaAcharki由于列表项是硬编码的，所以我将代码段设置为可执行的（包括jQuery），为什么不将所选类添加到第一个？Bootstrap就是这样做的。你的问题不清楚。无法“选择”或“检查”锚点。因此，我们假设您询问的是活动状态样式。由于您没有使用引导列表结构，
active
类可能没有效果。我建议您考虑重构使用Bootstrap结构。它正在工作，但我希望当我单击另一个项目时，默认情况下选择的项与第一个项目仍然存在相同的问题，尽管我单击了另一个ITEMI，认为您不需要防止Debug（）。我删除了它，但我有相同的问题确定当你选择一个链接，而不是第一类活动删除
 $("a.mdc-list-item:not(:first)").on("click", function (event) {
    $("a.mdc-list-item:first").removeClass("active");
 });