Question

我有这个jQuery函数：

$(".clack").hide();
$('.click').click(function(){
    $(".clack").fadeThenSlideToggle();
});

除了现在切换所有clack类之外，效果很好。知道如何在点击的课程.clack之后只打开第一课.click吗？

我尝试了.clack:first，但这导致只打开了第.clack个类的第一个实例。我想在点击的课程.clack之后打开找到的第一个课程.click。

我知道我可以用其他解决方案重写我的html和jQuery函数，但问题是这个函数已经存在的数据量非常大。

我的HTML：

 <img class="click" style="cursor: pointer;" src="someimg.jpg"/>
 <div class="clack">TEST TEXT1</div>
 <img class="click" style="cursor: pointer;" src="someimg2.jpg"/>
 <div class="clack">TEST TEXT2</div>
 <img class="click" style="cursor: pointer;" src="someimg3.jpg"/>
 <div class="clack">TEST TEXT3</div>

精确的HTML示例：

 <strong>
   <span>
     <img class="aligncenter click" src="img1.jpg" alt="vesteging" width="436" height="36" />
   </span>
 </strong>
</p>
<div class="clack">
  <center>
    <span style="font-size: 10pt;">DATA TEXT 1</span>
  </center>
</div>
<p>&nbsp;</p>

Answer 1

您只能定位点击.clack

后立即出现的.click

$('.click').click(function(){
  $(this).next(".clack").fadeThenSlideToggle();
});

jQuery on click select first class而不是所有类

1 个答案: