jquery 隐藏手风琴标题/标题

Question

我正在创建一个模板，供同事使用手风琴在所见即所得编辑器（我是一名老师）中使用，这样他们就可以轻松地向每个模板添加内容。它将有多余的标题/内容供同事使用，但不会显示任何具有“title_name”之类的内容作为标题文本。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 的 :contains 。由于您在卡头类的 div 内有 h2 标记，jquery 无法获取 title_name 的文本。我验证了这段代码应该可以工作。

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