对于具有类"arrow"的span元素,我try 将一个类添加到div中,其中包含来自其父级的类"坍塌",并将一个属性添加到具有类"navbar-toggler"的div中.

我try 了以下代码:

$(function() {
  $('.arrows[aria-expanded="true"]').closest('.navbar-toggler').setAttribute("aria-expanded", true);
});

$(function() {
  $('.arrows[aria-expanded="true"]').parents('.collapse').addClass('in')
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="navbar-toggler collapse-icons" data-toggle="collapse" data-target="#exCollapsingNavbar10">
  <i class="material-icons add"></i>
  <i class="material-icons remove"></i>
</div>

<div class="collapse" id="exCollapsingNavbar10">
  <ul class="category-sub-menu">
    <li data-depth="1" data-id="11">
      <a class="category-sub-link" href=" ">Educație Arduino</a>
      <span class="arrows" data-toggle="collapse" data-target="#exCollapsingNavbar11" aria-expanded="true">

推荐答案

$('.arrows[aria-expanded=true]')
  .parents('.collapse')
  .addClass('in')
  .prev()
  .attr('aria-expanded', true);
.in {
  background: yellow;
}

.navbar-toggler[aria-expanded=true] {
  background: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="navbar-toggler collapse-icons" data-toggle="collapse" data-target="#exCollapsingNavbar10">
  <i class="material-icons add"></i>
  <i class="material-icons remove"></i>
</div>

<div class="collapse" id="exCollapsingNavbar10">
  <ul class="category-sub-menu">
    <li data-depth="1" data-id="11">
      <a class="category-sub-link" href=" ">Educație Arduino</a>
      <span class="arrows" data-toggle="collapse" data-target="#exCollapsingNavbar11" aria-expanded="true"></span
    </li>
  </ul>
</div>

Jquery相关问答推荐

如何 Select 具有特定文本的所有锚标记

.slice(0) 在这里有什么意义?

如何判断是否有任何 JavaScript 事件侦听器/处理程序附加到元素/文档?

如何在 jQuery 中存储全局值(不一定是全局变量)?

Chart.js 中饼图的点击事件

Angular.js 在多个元素中重复

如何在实际图像下载时显示加载图像

获取元素的底部和右侧位置

使用 JQuery 获取触发事件的元素的类

如何使用 Twitter Bootstrap 自动关闭alert

覆盖 twitter bootstrap Textbox Glow and Shadows

如何使用 jQuery 隐藏 div?

与 C# HashSet 等效的 JavaScript 是什么?

jQuery、复选框和 .is(":checked")

jQuery:如何创建一个简单的叠加层?

5秒后jQuery自动隐藏元素

JavaScript 等效于 jQuery 的扩展方法

在 Javascript/jQuery 中,(e) 是什么意思?

jQuery:通过 .attr() 添加两个属性;方法

使用 Ajax 下载并打开 PDF 文件