Html 是否可以设计样式<；h2>；从某个文本开始？

我正在网站上使用Joomla。我有一个菜单项，它将某个类别的文章显示为博客布局。博客布局中的文章是按照我在后端手动完成的排序排序的

我想在现有的两篇文章之间添加一篇文章，但是这篇文章的标题不应该显示，只显示它的内容

所以它应该是这样的：

ARTICLE TITLE 1
Complete content of article 1

Text of article in between without displaying title

ARTICLE TITLE 2
Complete content of article 2

<div class="jsn-leading">
    <div class="leading-0 items-row">
        <div class="page-header">
            <h2>ARTICLE TITLE 1</h2>
        </div>
        <div class="jsn-article-toolbar">
            <div class="icons"/>
            <div class="clearfix"/>
        </div>
        <p style="text-align: center;">
            Complete content of article 1
        </p>
    </div>
    <div class="clearfix"/>
    <div class="leading-1 items-row">
        <div class="page-header">
            <h2>PLACEHOLDER: DO NOT DISPLAY THIS TITLE</h2>
        </div>
        <div class="jsn-article-toolbar">
            <div class="icons"/>
            <div class="clearfix"/>
        </div>
        <p>
            <span style="font-size: 18pt;">
                <strong>Text of article in between without displaying title</strong>
            </span>
        </p>
    </div>
    <div class="clearfix"/>
    <div class="leading-2 items-row">
        <div class="page-header">
            <h2>ARTICLE TITLE 2</h2>
        </div>
        <div class="jsn-article-toolbar">
            <div class="icons"/>
            <div class="clearfix"/>
        </div>
        <p style="text-align: center;">
            Complete content of article 2
        </p>
    </div>
    <div class="clearfix"/>
</div>

当我看HTML代码时，它是这样的：

ARTICLE TITLE 1
Complete content of article 1

Text of article in between without displaying title

ARTICLE TITLE 2
Complete content of article 2

<div class="jsn-leading">
    <div class="leading-0 items-row">
        <div class="page-header">
            <h2>ARTICLE TITLE 1</h2>
        </div>
        <div class="jsn-article-toolbar">
            <div class="icons"/>
            <div class="clearfix"/>
        </div>
        <p style="text-align: center;">
            Complete content of article 1
        </p>
    </div>
    <div class="clearfix"/>
    <div class="leading-1 items-row">
        <div class="page-header">
            <h2>PLACEHOLDER: DO NOT DISPLAY THIS TITLE</h2>
        </div>
        <div class="jsn-article-toolbar">
            <div class="icons"/>
            <div class="clearfix"/>
        </div>
        <p>
            <span style="font-size: 18pt;">
                <strong>Text of article in between without displaying title</strong>
            </span>
        </p>
    </div>
    <div class="clearfix"/>
    <div class="leading-2 items-row">
        <div class="page-header">
            <h2>ARTICLE TITLE 2</h2>
        </div>
        <div class="jsn-article-toolbar">
            <div class="icons"/>
            <div class="clearfix"/>
        </div>
        <p style="text-align: center;">
            Complete content of article 2
        </p>
    </div>
    <div class="clearfix"/>
</div>

第1条标题

第1条的完整内容

占位符：不显示此标题

文章中间的文本，不显示标题

第2条标题

第2条的完整内容

因此，当内容以文本

占位符开始时，我想隐藏
的显示。这可能吗？或者Joomla中的任何其他方法来实现这一点？
您已经找到了问题的解决方案

包括，您只需在
标记之间放置以下行：

$(".page-header h2").each(function() {
    if($(this).html()=="PLACEHOLDER: DO NOT DISPLAY THIS TITLE"){
        $(this).css("display","none")        
    }
});  

我认为你可以在每篇文章的基础上禁用标题。转到文章，在“显示选项”下关闭标题：

我如何在Joomla中实现这一点？我是否需要将jQuery代码放在一个单独的文件中，并将其包含在模板中（如Javascript）？看起来这个插件可以将自定义jQuery脚本加载到Joomla模板中：首先，您需要包含jQuery文件，您可以在我在回答中提到的jQuery官方网站上下载该文件。然后，将我提供的代码放在HTML代码标记的内部还有一个问题。。。现在检查HTML内容是否与标题完全匹配。如何检查它是否包含文本占位符而不是完全匹配？$（'.page header>h2:contains（“占位符”））.css（'display'，'none'））