jQuery如何实现在ul下添加一张图片自动给改图片添加一个li标签啊

问题描述

jQuery如何实现在ul下添加一张图片自动给改图片添加一个li标签啊

我要实现的效果就是,在ul下添加N张图片,可以从后台任意添加,但是每添加一张图片,都会自动给该图片添加一个li标签,自动生成列表的效果,求大神们支个招,怎么弄,
小弟不会写jQuery语句,所以尽量请各位大侠帮忙写下,谢谢了

解决方案

 $('#XXX').append('<li><img src="xxxx"/></li>')

解决方案二:

 取得图片的id
$('#XXX').append('<li></li>')

解决方案三:

图片对象.wrap("

");
解决方案四:

图片对象.wrap("

");
解决方案五:

 图片对象.wrap('<li></li>');
时间: 2025-01-25 06:44:02

jQuery如何实现在ul下添加一张图片自动给改图片添加一个li标签啊的相关文章

MM模块的高手帮忙下,采购订单子屏幕增强,增加一个TAB标签

问题描述 我想在ME21N的采购订单那增加一个子屏幕(TAB标签),可是我不知道哪里去配置这个TAB子屏幕,就是在项目抬头那很多TAB要怎么配置,哪个教下 解决方案 解决方案二:我想你是要在me21n画面中做一个新的tab画面吧,me21n中能增加吗?不能吧.应该是要修改系统程序的吧.那些都是既存业务封装好的,应该不能增加的.除非二次开发吧.解决方案三:我觉得应该是2次开发SPRO办不到吧解决方案四:楼主的想象力太丰富了,把SAP也想得太神了解决方案五:工作职责描述:1.Musthavemore

jQuery powerFloat万能浮动层下拉层插件使用介绍_jquery

一.写插件的缘由 为什么想写此插件,想来想去,归结为一个字:"懒".不想为明明两个类似的功能分别写代码,本应喝茶看美女的休闲时光晃荡在本可避免的代码上,对于我来讲,就是白白耗费自己的青春.于是,干脆,一鼓作气,把这些类似的功能集合到一起,一个插件搞定,一了百了了.这种感觉就好比<大话西游>里悟空一巴掌拍死唐僧这只苍蝇一样.那,这里提及的类似的功能是指?当当当当,就是与某元素有位置关系的浮动层(例如tip类效果,鼠标经过显示大图,下拉列表等). 二.插件概述 插件名为jque

加载列表时jquery获取ul中第一个li的属性_jquery

当加载列表时,默认希望选中第一条.top_menu 为ul的ID 通过 $("#top_menu li:first") 就可以获取到 ul下第一个li标签.然后就可以利用 例如 修改属性:$("#top_menu li:first").attr("class","select"); 触发事件:$("#top_menu li:first").click(); 如果想获取li下的 a标签,如下: $("

用html的ul和li标签做图片展示功能示例代码

 把下面代码拷贝到dreamweaver 的代码区域,预览时可以显示下面图片,实现了图片展示的功能 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q

使用iSee图片专家给图片添加文字的方法

我们经常要为自己的相片或图片添加一些文字,而且给图片添加文字是我们在处理图片时最基本的操作.作为刚接触图片处理的朋友往往摸不着头脑,不知怎么处理,尤其是现在的软件功能很多不太好找.那么,下面我为大家介绍一下如何使用isee图片专家为图片添加文字的问题. 软件下载:iSee图片专家 v3.929中文版 1.打开isee图片专家,你会看到这个界面. 2.然后找到你要处理的图片双击,就会进入编辑图片的界面了. 3.打开图片你会看到在画面左边工具栏有一个 文字工具,单机文字工具,就进入了添加文字的状态,

JQuery中两个ul标签的li互相移动实现方法_jquery

本文实例讲述了JQuery中两个ul标签的li互相移动实现方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

jquery学习笔记之JQ下拉菜单

HTML代码  代码如下 复制代码 <ul id="nav-categories">     <li><a href="../">首页</a>     </li>     <li>         <a href="#">链接</a>         <ul>             <li><a href="#

Jquery和JS获取ul中li标签的实现方法_jquery

js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li");//获取第二个li标签 或 var div=document.getElementById('a'); var ul=div.childN

jquery实现点击向下展开菜单项(伸缩导航)效果_jquery

本文实例讲述了jquery实现点击向下展开菜单项(伸缩导航)效果.分享给大家供大家参考.具体如下: 这里演示基于jquery打造的向下展开的多级导航条效果,纵向垂直排列,风格非常的简洁,鼠标点击时候展开菜单的二级项,再次点击的时候又向上合拢,平时只显示一级菜单,二级菜单是隐藏不显示的,代码简洁,包括了完整的JS.css和jquery部分. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-show-hidden-style-menu