根据数据中的数据更改块的样式?

时间:2017-09-30 13:08:30

标签: javascript

我有这样的布局。

<div class="item">
  <a href="<?php echo $product['href']; ?>" data="<?php echo $product['name']; ?>" id="<?php echo $product['product_id']; ?>" data-toggle="tooltip"  title="<?php echo $product['name']; ?>"> 
   <img src="<?php echo $product['image']; ?>" alt="<?php echo $product['name']; ?>" />
</a>
</div>  

日期可以是:data =&#34; Apple iPhone 5s Silver 32gb&#34;

此外,如果在文本Siver中应用于其他类的元素,也是必要的。

如何做到这一点?

1 个答案:

答案 0 :(得分:0)

这样的东西?

<style>
    .silver{
        color: silver; 
    }
</style> 

<?php 

$product = array("name" => "Apple iPhone 5s Silver 32gb",
                 "href" => "...",
                 "image" => "link-to-image",
                 "class" => "silver"); 
?>

<div class="item <?php echo $product['class']; ?>">
    <a href="<?php echo $product['href']; ?>" data="<?php echo $product['name']; ?>" id="<?php echo $product['product_id']; ?>" data-toggle="tooltip"  title="<?php echo $product['name']; ?>"> 
       <img src="<?php echo $product['image']; ?>" alt="<?php echo $product['name']; ?>" />
    </a>
</div>