javascript - jQuery中，数字变量+1前是整形，+1后原变量变成了字符串，这是怎么回事？-PHP中文网问答

<style>
    span{
        background:yellow;margin-left: 5px;border:1px solid gray; 
    }
    #big{
        width:250px;height:150px;border:1px solid gray; 
    }
    .click{
        background:red; 
    }
    .sheng{
        width:250px;height:100px;background:orange;margin-top:1px;   
    }
</style>

<script>
    $(function(){
    var length=$("p").length;
   for(var i=2;i<length;i++){
       $("p").eq(i).css("display","none");
   } 
   var sl=$("span").length;
   for(var i=0;i<sl;i++){
       $("span").eq(i).attr("index",i);
       $("span").eq(i).click(function(){
           for(var j=0;j<sl;j++){
         $("p").eq(j+1).css("display","none");
         $("span").eq(j).css("background","orange");
        }  
  
        $(this).css("background","red");
      
     var num=$(this).attr("index");    $("p").eq(num).css({"display":"block","background":"red"});  

        //为什么上一行的eq(num)里的num是整形
        //但num  +1后就不能正常显示，当num是1的时候，结果就变成了11,这是怎么回事？
       })
   }



    })
</script>

<body>
        <p id="big">
            <p>
            <span>北京</span>
            <span>广州</span>
            <span>上海</span>
            <span>深圳</span>
            <span>天津</span></p>
            <p class="sheng">北京北京北京v111111111111111</p>
            <p class="sheng">广州广州广州广州广州2222</p>
            <p class="sheng">上海上海上海上海上海</p>
            <p class="sheng">深圳深圳深圳深圳深圳</p>
            <p class="sheng">天津天津天津天津天津</p>
        </p>
    </body>

jQuery.fn = jQuery.prototype = { // ... eq: function( i ) { var len = this.length, j = +i + ( i < 0 ? len : 0 ); // 这行重点 return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] ); } // ... };