仅当 class 的内容是 5 到 6 位数字时,如何设置这些内容的样式

How to style the contents of a class only if those contents are a 5 to 6 digit number

我正在尝试添加一个 class 来设置 bootstrap class 内容的样式(具体的 class 是 .col-xs-8),但是我需要的是仅当 .col-xs-8 的内容是 5 位或 6 位数字时才应用此样式。

现实生活场景如下:

我的公司有一个生成和管理订单的在线商店(我们销售标牌)。当有人下订单时,会生成一个工作编号。我找不到实际生成数字的代码,所以我需要向外部 class(.col-xs-8) 添加样式,以便我可以将工作编号的样式与所有其他内容分开生成为 .col-xs-8 class.

这是正在生成作业编号的 php。 “$order['po']”是我要设置样式的内容。

$data = array(  
  'PO #:' => $order['po'],  
  'Date:' => date("m/d/Y g:ia",strtotime($order['orderDate'])),  
  'Address:' => $order['add'],  
  'City:' => $city,  
  'Zip Code:' => $order['zip'],  
  'Status:' => $order['status'],  
  'Service Type:' => $service_type,  
  'Size:' => $order['size'],  
  'Sign Type:' => $sign_type,  
  'Sign Text:' => $sign_text,  
  'Details:'=> str_replace("\n","<br />\n",$order['details']),  
  'Broker 1:' => $broker1,  
  'Broker 2:' =>    $broker2,  
  //'Broker 3' =>   $broker3,  
  'Invoice #:' => '<span id="invNumDisplay"   style="width:100px;">'.$order['invoiceNumber'].'</span>&nbsp;' .$editInv,  
 // 'Has Rider' => $order['rider'],  
 // 'Rider Text' => $order['riderText'],  
);

抱歉,如果此 post 不符合通常的标准。这是我第一次 posting on stack,我不是一个有经验的后端编码员。

在此先感谢您的帮助。

根据您的 HTML,我会这样做:

<div class="col-xs-8 <?= (strlen($value) == 5 || strlen($value) == 6 )?"classname":"" ?> "> <?= $value ?> </div> 

这将导致:

如果 $value 有 5 或 6 个字符

<div class="col-xs-8 classname"> <?= $value ?> </div> 

如果没有

<div class="col-xs-8"> <?= $value ?> </div>