jquery 根据下标获取classname,以及其子元素，修改classname的值

最新推荐文章于 2024-07-08 08:06:20 发布

～Serendipity～

最新推荐文章于 2024-07-08 08:06:20 发布

阅读量1.2k

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/ZMJ_QQ/article/details/120060706

版权

这篇博客介绍了如何利用JavaScript的eq方法和slideToggle函数，根据点击按钮的下标来显示或隐藏对应的`.meeting-file`元素，并动态切换折叠图标的方向。点击`.right`区块时，会触发对应的`.meeting-file`内容显示或隐藏，同时更新折叠图标的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 根据下标获取对应的classname,实现点击按钮触发当前块的点击事件

<div class="right" @click="meetingfileVisible(index)">
  <span class="foldIcon">
     <i class="el-icon-caret-bottom"></i>
  </span>
</div>
<div class="meeting-file">
  <span>与现实生活一致</span>
</div>

.meeting-file{
  display:none;
}

meetingfileVisible(index) {
  $(".meeting-file").eq(index).slideToggle("slow");
  var cal =$(".foldIcon").eq(index).children("i").attr("class");
  cal = cal === 'el-icon-caret-bottom' ? 'el-icon-caret-top' : 'el-icon-caret-bottom';
   $(".foldIcon").eq(index).children("i").attr("class", cal);
},