如何把箭头放置在文本前面，并根据数据的正负显示向上和向下箭头

本文是解决在实际开发过程中遇到的一个问题点，当数值为正增长时候，箭头向上，并置于数值前面。

                                                                               当数值为负增长时候，箭头向下，并置于数值前面。

    $(function(){
      $.ajax({
         type: "POST",
         url:ctx+"/aum/getAum",
         dataType:"json",
         success:function(data){       
                     $(".aumList").text(data[0].val);
                     $(".totalListInca").text(data[0].val_ly+" 亿元");
                     if(data[0].val_ly>0){

                   //<div id="aa">这是内容知</div> ，我们可以道通过 document.getElementById('aa').innerHTML 

                  //来获取id为aa的对内象的内嵌内容；
                  //也可以对某对象插入内容，如 document.getElementById('abc').innerHTML='这是被插入的内容';

                  //这样就能向id为abc的对象插入内容。

                   //appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。

                    //下面是实现效果的核心代码

                       var aac = document.getElementById("aa");
                        var img = document.createElement("img");
                         aac.innerHTML="<img src='../static/business/img/ug.png' />"+"&nbsp;&nbsp"+aac.innerHTML;
                          aac.appendChild(aac);
                        }else if(data[0].val_ly<0){
                        var aac = document.getElementById("aa");
                        var img = document.createElement("img");
                        aac.innerHTML="<img src='../static/business/img/dr.png' />"+"&nbsp;&nbsp"+aac.innerHTML;
                        aac.appendChild(aac);

                        }
         }
      });

           显示效果如下图：