Javascript 显示包含单词的元素

我有两篇文章。一篇文章有分类新闻，但第二篇文章有分类设计。我想显示包含类别新闻的文章，但其他文章将隐藏。怎么做

关于你的消息
洛雷姆，伊普苏姆·多洛坐在一位杰出的领袖面前。前软骨病患者。
我是多洛伦透明隐孢子虫，我的名字叫阿比斯·阿斯佩纳图尔！代表团！
劳博里奥萨姆，雷德亨德里特·维尔

类别：新闻
洛雷姆，伊普苏姆·多洛坐在一位杰出的领袖面前。前软骨病患者。
我是多洛伦透明隐孢子虫，我的名字叫阿比斯·阿斯佩纳图尔！代表团！
劳博里奥萨姆，雷德亨德里特·维尔

类别：设计

您可以使用CSS

// style.css

.hide {
  display:none;
}

// index.html

<div class="hide"/>

//style.css
.隐藏{
显示：无；
}
//index.html

这里没有太多的内容，但是如果您正在寻找一些jQuery函数，像这样的函数应该可以工作

另外，您的HTML非常不平衡，因此我尝试对其进行修复以使其更有意义

函数showByCategoryText（catText）{
$（'.article'）.hide（）
.filter（函数（）{
返回$（this.find（'p.category'）.html（）.indexOf（catText）！=-1；
}).show（）；
}
函数showNews（）{
showByCategoryText（“新闻”）；
}
函数showDesign（）{
showByCategoryText（“设计”）；
}
showNews（）

关于你的消息
洛雷姆，伊普苏姆·多洛坐在一位杰出的领袖面前。前软骨病患者。我是多洛伦透明隐孢子虫，我的名字叫阿比斯·阿斯佩纳图尔！代表团！劳博里奥萨姆，雷德亨德里特·维尔

类别：新闻
洛雷姆，伊普苏姆·多洛坐在一位杰出的领袖面前。前软骨病患者。我是多洛伦透明隐孢子虫，我的名字叫阿比斯·阿斯佩纳图尔！代表团！劳博里奥萨姆，雷德亨德里特·维尔

类别：设计
秀新闻
showDesign
首先，要努力。因此，这是一个获得编码帮助的地方；我们不为您执行此任务。数据属性将使此任务变得更容易