码迷,mamicode.com
首页 > 其他好文 > 详细

动态插入li 替换li

时间:2016-05-12 17:01:03      阅读:188      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!