效果图大致这样:

  我的html格式部分这样:
/*不过他们都说我的dom结构不太合理,同意。BUT,我就是不想写表格而写成的这样的,所以后面jq部分也要迁就了*/
<div class="pro_detail">
<!-- 列表详细信息 -->
<ul>
<li>001</li>
<li>椰香奶茶</li>
<li>¥ 10.00</li>
<li>¥ 10.50</li>
<li>-5%</li>
</ul>
</div>

下面是JQ代码部分(插入进来变得红红的是啥意思?):

            //变色效果
function oChange(){
var oUl = $(".pro_detail ul").length;
for ( var t =0; t<oUl ;t++){ //原来的颜色
$(".pro_detail ul").eq(t).find('li').eq(3).css({
"color" : "blue"
});
$(".pro_detail ul").eq(t).find('li').eq(4).css({
"color" : "blue"
});
}//for
for ( var a =0; a<oUl ;a++){
var s = Math.floor(a%2)+1;
if(s){
a = a+2;//隔两个变色
$(".pro_detail ul").eq(a).find('li').eq(3).css({
"color" : "red"
});
$(".pro_detail ul").eq(a).find('li').eq(4).css({
"color" : "red"
}); }//if
} //for } oChange();

对jq还不太熟,用很蹩脚的方法写成了这样,可能要贻笑大方之家。有重复的代码,比如,第三个li和第四个li变色的那个地方,我是直接复制的一样的。但是,现在还不知道怎样优化呢?就先这样吧。大神告诉我说,jq里面循环不要用for,用each比较好?

然后,贴上大神的指导。虽然看得半懂不懂 (●˘◡˘●)
 
 
 
 
 

最新文章

  1. ecma6 yield
  2. RoseRT配置高版本的编译器
  3. 【BZOJ-1864】三色二叉树 树形DP
  4. POJ 1979
  5. 怎么 才能显示Eclipse中Console的全部内容
  6. [OpenCV] Image Processing - Image Elementary Knowledge
  7. 设计模式知识搜集(c++)
  8. HDU 5305 Friends (DFS,穷举+剪枝)
  9. 转 Jona Dany 一个20年架构师程序员的经验总结
  10. Linux下快速静态编译Qt以及Qt动态/静态版本共存
  11. _js day12
  12. Unity调试中心
  13. java学习之Java中JDK,JRE和JVM之间的关系(转载)
  14. Struts1应用、实现简单计算器、使用DispatchAction、显示友好的报错信息、使用动态Form简化开发
  15. EclipseAndroid打包签名发布安装失败闪退运行不了
  16. 文件比较与同步工具——FreeFileSync
  17. 动态规划——Distinct Subsequences
  18. Why Everyone Should Lift Weights
  19. swift 学习- 27 -- 访问控制
  20. 记号一次更换IBM X3650M4主板后RAID无法启动的解决

热门文章

  1. JS--轻松设置获取表单数据
  2. java 多线程 Synchronized方法和方法块 synchronized(this)和synchronized(object)的理解
  3. Windows远程连接Linux
  4. [LeetCode] Insertion Sort List 链表插入排序
  5. 2016HDU校赛
  6. WebAPI中无法获取Session对象的解决办法
  7. 庆祝下,提交了第一个ceph pull request。实现了从0到1的突破
  8. jdbc读取数据库,表相关信息(含注释)
  9. jquery Combo Select 下拉框可选可输入插件
  10. Django进阶(一)