首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

jquery 在每个li里的元素后边添加html

2013-03-21 
jquery 在每个li里的元素后面添加html本帖最后由 showbo 于 2013-03-16 09:49:32 编辑数据已经从后端取到

jquery 在每个li里的元素后面添加html
本帖最后由 showbo 于 2013-03-16 09:49:32 编辑 数据已经从后端取到了,但是想在遍历li元素里的每个.catids元素后面添加后端的数据,没有效果

jQuery.noConflict();
        (function($) {
          $(function() {
             $(".category_menu2 ul li .catids").each(function(k,v){
                   var id= v.value;
                   var url = "plugin.php?id=hdsoso_house&action=catnum&cateid="+id;
                   url= url.replace(/\&/g,'&');
                  
                   $.get(url,function(data){
                         $(data).insertAfter($(this));
                   });
                 
             });
          });
        })(jQuery);

------------------------------------------
貌似这个$(this)不是指的 每个.catids 元素?
------------------------------------------
html代码是

<div class="category_menu2">
  <ul>
                                                                                                                                                                                                              <li><a href="#">出租房</a><input class="catids" type="hidden" value="15"></li>   
                                <li><a href="#">二手房出售</a><input class="catids" type="hidden" value="16"></li>   
                                                                                                              <li><a href="#">合租房</a><input class="catids" type="hidden" value="23"></li>   


                                <li><a href="#">日租房/短期租房</a><input class="catids" type="hidden" value="24"></li>   
                                <li><a href="#">求租房</a><input class="catids" type="hidden" value="25"></li>   
                                <li><a href="#">二手房求购</a><input class="catids" type="hidden" value="26"></li>   
                                <li><a href="#">商铺出租/求租</a><input class="catids" type="hidden" value="27"></li>   
                                <li><a href="#">商铺出售/求购</a><input class="catids" type="hidden" value="28"></li>   
                                <li><a href="#">写字楼出租/求租</a><input class="catids" type="hidden" value="29"></li>   
                  
  </ul>
  <script type="text/javascript">
         jQuery.noConflict();
        (function($) {
          $(function() {
             $(".category_menu2 ul li .catids").each(function(k,v){
                   var id= v.value;
                   var url = "plugin.php?id=hdsoso_house&amp;action=catnum&amp;cateid="+id;
                   url= url.replace(/\&amp;/g,'&');
                  
                   $.get(url,function(data){
                         $(data).insertAfter($(this));
                   });
                 
             });
          });
        })(jQuery);


         
  </script>
</div>


[解决办法]
改为:
 $.get(url,function(data){
                         $(data).insertAfter($(v));
});
外面的this应该是,但这儿时另一片作用域,this指向不一样

热点排行