javascript - 当标记有多个实例时，如何为类的一个实例设置 CSS

Question

我有一个包含 8 个元素的内容 Accordion 页面。我在 Accordion 外部的页面上也有一个 h4 标签。我想隐藏哪个内容 Accordion 元素与 h4 标签内的文本匹配。

h4 标签内的文本和 Accordion 内容项可能会改变，所以我需要使用变量(我认为)。

这是我目前所拥有的:

var category = $('.leftColumnNav h4').html();
var topic = $('.contentAccordionItemTitle p').html();

if(topic === category){
  $(".contentAccordionItemTitle").css("display", "none");
} else {
  $(".contentAccordionItemTitle").css("display", "block");
}

我有什么作品。它成功地隐藏了 .contentAccordionItemTitle。不幸的是，它显然隐藏了所有这些。我只想隐藏与 h4 标签匹配的那个。

如果需要，我可以创建一个 JSFiddle 示例。

Answer 1

var category = $('.leftColumnNav h4').text();

$(".contentAccordionItemTitle").each(function() {
  if ($(this).text() === category) { $(this).hide() }
})