javascript - 根据数据中的数据改变 block 的样式？

Question

我有这样的布局。

<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="Apple iPhone 5s Silver 32gb"

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

如何做到这一点？

Answer 1

有这样的事吗？

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

<小时/>