首页 > 其他 > 详细

动态插入li 替换li

时间:2016-05-12 17:00:46      阅读:114      评论:0      收藏:0      [点我收藏+]


技术分享

技术分享

html

<ul id="adul">
                                    <li class="RMB_FIRST"  onclick="setLogoType('empty')">
                                        <img src="{{ asset('images/Wu.png')}}" alt="" />
                                        <p>无图标</p>
                                        <img src="{{ asset('images/click.png')}}"  alt="" class="RMB_FT" style="display:block" />
                                    </li>
                                    <li  onclick="setLogoType('default_1')">
                                        <img src="{{ asset('qrcodes/default/logoWeChat.png')}}" alt="" class="RMB_ZT" />
                                        <img src="{{ asset('images/hover.png')}}" alt="" class="RMB_FT" />
                                    </li>
                                    <li  onclick="setLogoType('default_2')">
                                        <img src="{{ asset('qrcodes/default/logoMicroBlog.png')}}" alt="" class="RMB_ZT" />
                                        <img src="{{ asset('images/hover.png')}}" alt="" class="RMB_FT" />
                                    </li>
                                    <li  class="RMB_LAST" onclick="setLogoType('file')">
                                        <img src="{{ asset('images/UP.png')}}" alt="" />
                                        <p>本地上传</p>
                                        <input type="file" name="file_img" class="RMB_FILE" />
                                        <input type="hidden" id="logo_type" name="logo_type" class="RMB_FILE" />
                                    </li>
                                </ul>




ajax +  jquery

 var liLenth = $("#adul li").length;
                        if(liLenth == 4){
                            var msg = "<li><img src="+returndata.path+" alt='' class'RMB_ZT' style='width:70px;height:70px;'/></li>";
                            $('#adul li').eq(2).after(msg);
                        }else{
                            var msg = "<li><img src="+returndata.path+" alt='' class'RMB_ZT' style='width:70px;height:70px;'/></li>";
                            $('#adul li').eq(3).append(msg);
                        }




动态插入li 替换li

原文:http://blog.csdn.net/a9925/article/details/51361359

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!