如何使用单个 jquery 脚本独立切换我的 div 内容

Posted 2023-02-25

【中文标题】如何使用单个 jquery 脚本独立切换我的 div 内容

【英文标题】：How to toggle my div content independently using a single jquery script

【发布时间】：2018-02-23 01:52:43

【问题描述】：

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

下面是我的脚本：

$(文档).ready(函数() $(".abt").hide(); $(".toggle").click(function() $(".abt").toggle(); $(".toggle").hide(); ); );

下面是我的html内容

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

你好世界你好***阅读更多 这就是我想要的生活阅读更多

【参考方案1】：

你可以使用下面的jquery

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

参考我的链接：https://jsfiddle.net/fwec0cca/3/

【讨论】：

我复制并粘贴了与此处相同的代码，添加了 css 以隐藏类 abt。当我点击阅读更多时，什么也没有发生。请问，我是否做错了什么，为什么它没有响应？

好的..我想通了..我在顶部插入了代码。后来我把它移到了底部页面，它运行良好..非常感谢，我很感激