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

Question

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

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

...html.push('<div class="comments">' + comment + '</div></div></div>');

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

我更喜欢 jQuery 解决方案，但到目前为止，所有工作都是使用原生 javascript 实现的。

注意：如果跨浏览器截断函数会在每个 .comments div 中的多个单词 (var) 之后附加一个更少的链接，那么我很乐意采用该选项。谢谢你的帮助，记住我还在学习哈哈！

Answer 1

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

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