jq 根據值的正負變色

效果圖這樣：

意思就是根據最後的百分值變色，值爲負變綠色，值爲正變紅色。

因此只要取到那個標籤裏的值了，就能根據正負的判斷決定顏色。

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

思路就是：找到每一個UL最後一個li，獲取它的值，根據正負來判斷。

可是，我剛剛想到，若是是0也是會變綠色，是否是要這樣呢？

JQ部分代碼這樣：

            // 根據正負值變色
            function oChange(){
                var  oUl = $(".pro_detail ul").length;//有多少行，行的個數

               for(var a = 0;a<oUl;a++){  

                    var s =  $(".pro_detail ul").eq(a).find('li').eq(4).html().replace(/%/, '');//除去 % 的數字內容
                    // alert(s);
                    if(s>0){  //若是值爲正    後兩個元素變紅
                          $(".pro_detail ul").eq(a).find('li').eq(3).css({
                                "color" : "#ff6363"
                               });
                            $(".pro_detail ul").eq(a).find('li').eq(4).css({
                                "color" : "#ff6363"
                               });                                                             
                    } 
                    else{
                            $(".pro_detail ul").eq(a).find('li').eq(3).css({
                                "color" : "#3ebb2b"
                               });
                            $(".pro_detail ul").eq(a).find('li').eq(4).css({
                                "color" : "#3ebb2b"
                               });                            
                    }
                    }//f
                }//for     
 oChange();