是否可以设置以某些文本开头的<h2>样式?</h2>

时间:2014-02-08 16:24:19

标签: html css joomla

我在网站上使用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

当我查看HTML代码时,它看起来像这样:

<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>

所以我想在内容以文字<h2>开头时隐藏PLACEHOLDER的显示。这样的事情可能吗?或Joomla中的任何其他方法来实现这一目标?

2 个答案:

答案 0 :(得分:1)

Here您可以解决问题。

包含jQuery,您只需将这些行放在<script>标记之间:

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

答案 1 :(得分:0)

我实际上认为你可以在每篇文章的基础上禁用标题。转到文章并在显示选项下关闭标题:

https://www.evernote.com/shard/s42/sh/8bbe7662-d838-440a-bfda-e6ad8da61efb/5b5ea8a019948659c1233c5657a49104