由于 html.push，使用同一类的 jQuery 显示/隐藏 div 不起作用？

Question

目标是显示-隐藏位于各自标题下的文本，以便用户阅读标题并在用户想要阅读更多内容时显示或隐藏属于该标题的文本。

我尝试了到目前为止我能在这里找到的一切，我们正在讨论动态设置来自电子表格的文本，不能使用ID，必须使用.class，必须缺少一些东西，我有这个一段代码：

... html.push('

' + comment + '

');

但是当我尝试这个时显示隐藏代码没有任何反应，即使错误控制台没有显示任何内容。基本上我想显示-隐藏 .comments 类 div，并在每个 div 下方都有一个显示-隐藏切换链接。我说它们是因为 .comments div 是在从 Google 电子表格单元格/行提取文本时动态再现的（每个电子表格行一个 .comments div） ）。我尝试了 .next、child 和 parent 但他们都与我离婚了，所以我不知道看起来是一个动态问题。到目前为止，我只能将所有 div 全局切换到可见或隐藏状态，但我需要独立切换各个 div。

我更喜欢 jQuery 解决方案，但到目前为止，任何有效的解决方案都是通过本机 JavaScript 实现的。

注意：如果跨浏览器截断函数会在每个 .comments div 中的多个单词（var）后附加一个 more-less 链接，那么我很乐意采用该选项。感谢您的帮助，请记住我仍在学习哈哈！

Answer 1

我一直致力于一个完全 JS UI 项目，并让自己使用 $('', {properties }).appendTo(BaseElement) 最适合添加 HTML 元素，因为它每次都会适当地操作 DOM。

但是，如果您在其他地方推送时运气好，请在执行 $('.class').hide() 的行上设置断点，然后查看 $('.class').length 是什么。或者，如果无法在代码中设置断点，则可以将alert($('.class').length) 添加到代码中。如果它是 0，那么你的元素还没有正确添加到 DOM 中。更改为追加将确保它们是 DOM 的一部分，因此可通过 JQuery 定位。