jQuery上点击选择第一个类，而不是所有的类

jQuery on click select first class and not all classes

本文关键字：选择 第一个 jQuery      更新时间：2023-09-26

我有这个jQuery函数:

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

工作很好，除了所有的clack类现在被切换。在点击.click类后，如何只打开第一个类.clack ?

我尝试了.clack:first，但这只导致类.clack的第一个实例被打开。我想打开点击类.click后发现的第一个类.clack。

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

My 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>

您可以只针对.clack，紧接着点击的.click 

$('.click').click(function(){
  $(this).next(".clack").fadeThenSlideToggle();
});
相关文章：