WebComputedMonkey 2015-11-20 11:02 采纳率: 40%
浏览 2568
已采纳

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

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

  • 写回答

5条回答 默认 最新

  • 斯洛文尼亚旅游 2015-11-21 10:03
    关注
     $('#XXX').append('<li><img src="xxxx"/></li>')
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题？

  • jQuery动态添加li标签并添加属性和绑定事件方法
    2020-10-18 17:25
    在本文中，我们将深入探讨如何使用jQuery来动态地添加`li`标签，并向这些标签添加属性以及绑定事件。首先，让我们解析一下标题和描述中提到的关键知识点。 **jQuery动态添加li标签** 在jQuery中，我们可以使用`...
  • Jquery和JS获取ul中li标签的实现方法
    2020-10-22 05:12
    如果想要获取每个ul下的最后一个li元素，可以使用`.each()`方法来遍历ul元素，并获取每个ul下的最后一个子元素： ```javascript $(function() { $("ul").each(function(){ var y = $(this).children().last(); ...
  • 加载列表时jquery获取ul中第一个li的属性
    2020-10-25 07:25
    总结来说，本文介绍了如何利用jQuery选择器和方法，在加载页面列表时获取并操作UL元素下的第一个LI元素，包括修改属性和触发事件。这些操作在开发交互式网页界面时非常实用，可以增强用户体验并使页面看起来更加动态...
  • jQuery实现在列表的首行添加数据
    2020-10-24 05:11
    对于前端开发人员来说，jQuery是一个十分有用的工具，能大幅提升开发效率和操作的简便性。 2. prepend方法与append方法 在jQuery中，prepend和append方法均用于向选定元素内部添加内容。不同之处在于： - append...
  • 基于jQuery实现多标签页切换的效果(web前端开发)
    2020-12-29 09:19
    这里，实现多标签页效果的方法有两个，一个是基于DOM的，另一个是基于jquery的，此次我写的是一个对于一个电话套餐的不同，显示不同的标签页 方法一： 首先，我们要把页面的大体框架和样式写出来，html和css代码如下...
  • jquery 实现 ul li 元素无限滑动效果 控制按钮快速滑动到下一个
    2024-12-08 16:28
    小小优化师 anny的博客 【代码】jquery 实现 ul li 元素无限滑动效果 控制按钮快速滑动到下一个。
  • JavaScript实现的tab标签自动切换效果源码（jQuery）
    2022-05-18 12:10
    本篇文章将深入探讨如何利用jQuery实现一个自动切换的tab标签效果。 首先，我们需要了解JavaScript中的事件和定时器。事件是用户与网页交互时触发的动作，例如点击、滚动等。定时器（如setTimeout和setInterval）...
  • 用jquery的attr方法实现图片切换效果
    2020-10-20 12:43
    本文将详细介绍如何使用jQuery库中的attr方法来实现一个简单的图片切换效果。attr方法是jQuery中用于获取或设置HTML元素属性值的函数，通过该方法可以方便地实现元素属性的动态修改，进而达到图片切换的目的。 首先...
  • jQuery图片轮播实现并封装(一)
    2020-10-20 23:39
    轮播的每个图片项(`.banner ul li`)要设置为绝对定位，并占据整个容器大小(`height`和`width`)。指示器(`.indicator`)和按钮(`.ban-btn`)也需要进行样式定义，包括位置、大小和颜色。 3. **jQuery代码实现**：通过...
  • 没有解决我的问题, 去提问