隐藏div'；使用JavaScript创建一个类

这是我的XSLT/HTML：

**


























维迪奥斯公共酒店
谁把狗放出去了巴哈人
显示
De:Daisy
描述我最喜欢的歌曲，lol.
相关：无
Número De喜欢：1
Número De comentários:1
设计师-蒂米·特纳
显示
De:Guicky
descriptionço:Timmy Timmy Turner.
相关：我一直在向上-肥胖的乔·普茨格里拉-森塔迪尼亚
Número De Likes:2
Número De comentários:0
我一路往上爬——胖乔
显示
De:Guicky
descriptionço:没有什么能阻止我，我一直在向上。
相关：designer-Timmy Turner
Número De喜欢：4
Número De comentários:0
Putzgrilla-Sentadinha
显示
De:Anabela65
descriptionão:Dáuma sentadinha.
相关：designer-Timmy Turner
Número De Likes:2
Número De comentários:0
亚恩·蒂尔森-阿梅里假日酒店
显示
De:Izzie
descriptionão:minha música preferida.
相关：无
Número De comentários:0
**

对于我推荐您使用的DOM元素操作，它非常有用。这是一个非常好的教程，从学习基础知识开始，我就使用了这个教程

在jQuery中，您的问题将按如下方式解决：

$(document).ready(function () {
    $('.show').click(function () {
        var $div = $(this).siblings('.data');
        if($($div).css('display') == 'none'){
            $($div).show();
        } else {
            $($div).hide();
        }
    });
});

---

正如我所说的，如果您正在操作DOM元素，jQuery将节省您的时间和行数。

下面是一个示例代码片段，可以帮助您进行操作

建议不要将处理程序

showOrHide

放在

HTML

中，而是在

JavaScript

中处理它，如下面的代码所示

方法是：

• 使用查找所有

  文章

• 使用并找到

  数据

  元素和

  按钮

  元素，对每个元素进行迭代
• 将

  单击

  处理程序附加到

  按钮

• 单击按钮时，检查

  div

  是否已可见，如果是，则隐藏它；否则，请展示它

document.querySelectorAll（“article.lista”）.forEach（函数（元素、索引、数组）{
var button=element.querySelector（“button.show”）；
var数据=element.querySelector（“div”）；
addEventListener（“单击”，函数（）{
变量显示=data.style.display；
如果（显示=“块”）{
data.style.display=“无”；
}否则{
data.style.display=“block”；
}
});
});

谁把狗放出去了巴哈人
显示
De:Daisy
描述：我最喜欢的歌曲，lol。
相关：无
Número de Likes:1
Número de comentários:1
设计师-蒂米·特纳
显示
De:Guicky
描述：蒂米·蒂米·特纳。
相关：我一直在进步-胖乔·e·普茨格里拉-森塔迪尼亚
Número de Likes:2
Número de comentários:0
我一路往上爬——胖乔
显示
De:Guicky
descripão:没有什么能阻止我，我一路向上。
相关：设计人员-蒂米·特纳
Número de Likes:4
Número de comentários:0
Putzgrilla-Sentadinha
显示
De:Anabela65
描述：Dáuma sentadinha。
相关：设计人员-蒂米·特纳
Número de Likes:2
Número de comentários:0
亚恩·蒂尔森-阿梅里假日酒店
显示
De:Izzie
描述：一个最受欢迎的地方。
相关：无
Número de Likes:2
Número de comentários:0
你做了两个e
document.getElementsByClassName("data")[j].