读书人

如果不存在该产品属性加css效果如

发布时间: 2012-05-10 16:02:39 作者: rapoo

如果不存在该产品属性,加css效果,怎么做?
如果不存在该产品属性,加css效果,怎么做?
可用jquery或mootools

HTML code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript">    var products=[        ["blue","medium"],     //产品1        ["blue","small"],        //产品2        ["red","medium"]    //产品3    ];    function select_item(){        //根据上面的products数组        //点击blue,因为blue对应的有2种size,下面的size 2个都能选        //点击red,只存在1种size,给下面<li><a href="#">small</a></li> 加css (addClass("not_selectable"))        //点击small,只存在1种color,上面的<li><a href="#">red</a></li> 加css (addClass("not_selectable"))        //点击medium,存在2种color,上面的color 2个都能选    }</script><style type="text/css">    .not_selectable{color:gray;}</style><div class="properties">    <dl>        <dt>color</dt>        <dd>            <ul>                <li><a href="#">blue</a></li>                <li><a href="#">red</a></li>            </ul>        </dd>    </dl>    <dl>        <dt>size</dt>        <dd>            <ul>                <li><a href="#">small</a></li>                <li><a href="#">medium</a></li>            </ul>        </dd>    </dl></div>



[解决办法]
根据产品ID获取产品引用,再给其加上相应属性,ok?

读书人网 >JavaScript

热点推荐