Question

请使用下面的脚本隐藏我的div中的一些内容，并使用read more按钮显示每个div的全部内容。问题是当我点击read more按钮时，它会显示所有div的内容“class abt”。有没有办法操纵这个，所以我不必创建多个类和多个脚本来匹配每个类？

以下是我的剧本：

$（文件）。就绪（函数（）{ $（ “ABT”）隐藏（）。 $（ “切换”）。点击（函数（）{ $（ “ABT”）切换（）。 $（ “切换”）隐藏（）。 }）; }）;

以下是我的HTML内容

   <div>lets make the <span class="abt">World a better place     </span>         <a style="font-weight:bold;" class="toggle">Read more</a>  </div>

Hello world Hello stackoverflow阅读更多这就是我想要生活的生活阅读更多

Answer 1

您可以使用以下jquery

$('a.toggle').click(function(){
    var hiddenElem = $(this).parent().find('.abt');
  $(hiddenElem).toggle();
});