这里 <div class="left first-div">
       <div class="div">
           <a>:first-child</a>
           <a>第二个元素</a>
           <a>:last-child</a>
       </div>  
$(".left a:first").text(function(idnex,text){
           return '增加新的文本内容' + text
       })
这个为啥还会返回a（1）,a(2)的内容啊？a:first不是代表a的第一个吗？
结果如下：
增加新的文本内容:first-child
第二个元素
替换第一个a元素的内容
这里 <div class="left first-div">
       <div class="div">
           <a>:first-child</a>
           <a>第二个元素</a>
           <a>:last-child</a>
       </div>  
$(".left a:first").text(function(idnex,text){
           return '增加新的文本内容' + text
       })
这个为啥还会返回a（1）,a(2)的内容啊？a:first不是代表a的第一个吗？
结果如下：
增加新的文本内容:first-child
第二个元素
替换第一个a元素的内容
这里 <div class="left first-div">
       <div class="div">
           <a>:first-child</a>
           <a>第二个元素</a>
           <a>:last-child</a>
       </div>  
$(".left a:first").text(function(idnex,text){
           return '增加新的文本内容' + text
       })
这个为啥还会返回a（1）,a(2)的内容啊？a:first不是代表a的第一个吗？
结果如下：
增加新的文本内容:first-child
第二个元素
替换第一个a元素的内容