jquery隐藏手风琴式标题

Question

我有一个模板，我正在为同事们创建，让他们在所见即所得编辑器(我是一名教师(中使用手风琴，这样他们就可以轻松地向每个编辑器添加内容。它将有多余的标题/内容供同事使用，但这并没有显示任何类似"；标题名称"作为标题的文本。HTML是：

<div class="accordion">
<div class="card">
<div class="card-header" data-toggle="collapse">
<h2 class="card-title">
Accordion 1
</h2>
</div>
<div class="collapse">
<div class="card-body">
<p>Insert Accordion 1 of 4 content here.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h2 class="card-title">
Accordion 2
</h2>
</div>
<div class="collapse">
<div class="card-body">
<p>Insert Accordion 2 of 4 content here.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h2 class="card-title">
Accordion 3
</h2>
</div>
<div class="collapse">
<div class="card-body">
<p>Insert Accordion 3 of 4 content here.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h2 class="card-title">
title_name
</h2>
</div>
<div class="collapse">
<div class="card-body">
<p>Insert Accordion 4 of 4 content here.</p>
</div>
</div>
</div>
</div>

我的jquery是

$(".card-header").each(function(){ ($(this).text() === "title_name") ? $(this).hide() : $(this).show()});

我们将非常感谢您的帮助：(

Answer 1

您可以使用：包含jquery。由于您在类卡片标题的div中有h2标记，jquery无法获取title名称的文本。我验证了这个代码应该可以工作。

$("div.card-header:contains(title_name)").hide();