Question

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

当我打开视图时，似乎我的项目已被选中，但它很快又关闭并且我正在使用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());

    });
});

Answer 2

我不清楚您的意思，如果您想选择第一个元素，可以在函数中使用此代码，

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

        });
    });

如果您不问这个，请告诉我您的需要

Answer 3

仅使用CSS创建活动类

final

将此课程添加到您的第一个标签

<class-name>.<method-name>

要删除类，请使用此功能为除第一个

之外的所有链接添加click事件。

 android:inputType="textCapCharacters|textNoSuggestions"

默认情况下，如何使用jquery

3 个答案: