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

Question

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

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

$(function () {
    $(".a.mdc-list-item:first").one("click", function (event) {
        event.preventDefault();
   
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-12">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <a class="mdc-list-item" style="width:100%;margin-right:3px;margin-left:3px;">
          <div class="col-sm">
            <div class="row" data-toggle="collapse" data-target="#général" style="cursor:pointer">
              <span class="user" style="font-weight:bold">Général</span>
            </div>
          </div>
          <div class="col-sm">
            <div class="col-md-1 chevron-down" data-toggle="collapse" data-target="#général" style="float:right;margin-right:0px">
              <i class="général_arrow material-icons float-right material-expand ripple" style="color: #0047FD !important;">
                         expand_more
                         </i>
            </div>
          </div>
        </a>
      </div>
    </div>
  </div>
  <div id="général" class="collapse">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <a class="mdc-list-item" tauxPlafonds="PSS" data-toggle="tooltip" data-placement="top" style="cursor:pointer;">
                   Plafond sécurité sociale
                   </a>
          <a class="mdc-list-item" tauxPlafonds="SMIC" data-toggle="tooltip" data-placement="top" style="cursor:pointer;">
                   Smic
                   </a>
          <a class="mdc-list-item" tauxPlafonds="CSG" data-toggle="tooltip" data-placement="top" style="cursor:pointer;">
                   CSG CRDS
                   </a>
          <a class="mdc-list-item" tauxPlafonds="AGM" data-toggle="tooltip" data-placement="top" style="cursor:pointer">
                   Abattement gérant majoritaire
                   </a>
        </div>
      </div>
    </div>
  </div>
</div>

Answer 1

<a>是一个元素，而不是一个类属性。您不想在其前面添加点 . .

你尝试过吗？

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

    });
});