Question

我有示例代码html

<div class="new">
    <div class="wrapper">
          <div class="icon"></div>
          <div class="content">content</div>
    </div>
    <div class="list"></div>
    <div class="wrapper">
          <div class="icon"></div>
          <div class="content">content</div>
    </div>
    <div class="list"></div>
</div>

已更新：我希望在首先包装切换类列表时点按课程图标。而列表第二类不会改变。非常感谢

Answer 1

＆＃13;

$('.icon').click(function(){
$(this).next('.content').toggle('slow')



})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="new">
    <div class="wrapper">
          <div class="icon">QWE</div>
          <div class="content">content</div>
    </div>
    <div class="wrapper">
          <div class="icon">QWE</div>
          <div class="content">content</div>
    </div>
</div>

＆＃13;

使用.next()

描述：获取匹配元素集中每个元素的紧随其后的兄弟。如果提供了选择器，则仅当它与该选择器匹配时，它才会检索下一个兄弟。

或.siblings()

描述：获取匹配元素集中每个元素的兄弟元素，可选择通过选择器进行过滤。

如何在jquery中使用toggleClass？

1 个答案: