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

2023-4-20    前端达人

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> 
            
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
.meeting-file{ display:none; } 
            
  • 1
  • 2
  • 3
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); }, 
            
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档