You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

基于URL或文件名使用PHP动态添加/移除DIV类

问题解决:根据当前页面动态切换Div类名

需求说明

  • 在index.php页面时,移除div的bg-gray类
  • 在computer-pc-repair.php页面时,为div添加bg-gray类

初始尝试(失败)

尝试用三元运算符实现,但无论是否在index.php页面,都会添加bg-gray类:

错误代码:

<div class="header-top-bar-info <?php echo ($_GET['page'] == 'computer-pc-repair.php')? '' : 'bg-gray'; ?> border-bottom d-none d-lg-block">

输出结果:

<div class="header-top-bar-info bg-gray border-bottom d-none d-lg-block">

最终可行方案

通过判断$_SERVER['REQUEST_URI']中是否包含index来实现需求,代码如下:

非index页面(添加bg-gray类)

<?php 
if (strpos($_SERVER['REQUEST_URI'], 'index') == false) {
    echo '<div class="header-top-bar-info bg-gray d-none d-lg-block">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="top-bar-wrap">
                        <div class="top-bar-left">
                            <div class="top-bar-text"><a href="#" class="font-medium display-inline">Now Hiring:</a> Are you a driven and motivated 1st Line IT Support Engineer?</div>
                        </div>
                        <div class="top-bar-right">
                            <ul class="top-bar-info">
                                <li class="info-item">
                                    <a href="tel:01228899900" class="info-link">
                                        <i class="info-icon fa fa-phone"></i>
                                        <span class="info-text"><strong>0122 8899900</strong></span>
                                    </a>
                                </li>
                                <li class="info-item">
                                    <i class="info-icon fa fa-map-marker-alt"></i>
                                    <span class="info-text">58 Howard Street #2 San Francisco</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>';
}
?>

index页面(移除bg-gray类)

<?php 
if (strpos($_SERVER['REQUEST_URI'], 'index') == true) {
    echo '<div class="header-top-bar-info border-bottom d-none d-lg-block">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="top-bar-wrap">
                        <div class="top-bar-left">
                            <div class="top-bar-text text-white"><a href="#" class="font-medium display-inline">Now Hiring:</a> Are you a driven and motivated 1st Line IT Support Engineer?</div>
                        </div>
                        <div class="top-bar-right">
                            <ul class="top-bar-info">
                                <li class="info-item">
                                    <a href="tel:01228899900" class="info-link text-white">
                                        <i class="info-icon fa fa-phone"></i>
                                        <span class="info-text"><strong>0122 8899900</strong></span>
                                    </a>
                                </li>
                                <li class="info-item text-white">
                                    <i class="info-icon fa fa-map-marker-alt"></i>
                                    <span class="info-text">58 Howard Street #2 San Francisco</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>';
}
?>

内容的提问来源于stack exchange,提问作者newbiewebdev

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.22 01:40:05