首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jquery找不到当前li的img源

jQuery是一种流行的JavaScript库,用于简化HTML文档遍历、事件处理、动画效果等操作。在处理当前li元素的img源时,可以使用以下方法:

  1. 首先,通过jQuery选择器选取当前li元素。假设当前li元素的类名为"current-li",可以使用以下代码选取该元素:
  2. 首先,通过jQuery选择器选取当前li元素。假设当前li元素的类名为"current-li",可以使用以下代码选取该元素:
  3. 接下来,使用jQuery的find()方法在当前li元素中查找img元素。假设img元素的类名为"li-img",可以使用以下代码查找该元素:
  4. 接下来,使用jQuery的find()方法在当前li元素中查找img元素。假设img元素的类名为"li-img",可以使用以下代码查找该元素:
  5. 最后,获取img元素的源属性(src)值。可以使用jQuery的attr()方法获取该属性值:
  6. 最后,获取img元素的源属性(src)值。可以使用jQuery的attr()方法获取该属性值:

这样,通过以上步骤,就可以找到当前li元素的img源。

关于jQuery的更多信息和用法,可以参考腾讯云的jQuery产品介绍页面: 腾讯云jQuery产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

三种方法解决LI和内部Img上下间距问题

在火狐浏览器和谷歌浏览器(qq浏览器,谷歌内核)bug类似这张图: img高度是190*127 但是放到li中,li并没有设置高度,却和内部图片之间上下错位。...若强行给li设置高度127,他和img依旧不能重合。虽然肉眼看不出来。...解决这个问题有如下三种方法: 一、设置lifont-size:0; 如果你很幸运,布局中li里边不需要放文字的话,那么就可以这么用了。...二、设置imgvertical-align:去掉集成样式或者覆盖设置为top 在我这里出现这个问题,是因为img继承了公用样式,其vertical-align:middle; 我发现后将其关掉,就没有问题了...三、设置imgdisplay:block;  这个也是一劳永逸方法,毕竟设置了block,img还是会随父元素宽度自适应(如果你页面需要响应的话)。 完美~

1.1K60

自己用jQuery写一个瀑布流

自己用jQuery写一个瀑布流 前言 这个月一直在忙工作。一直没有机会学习新知识。前两天,突然想写一个瀑布流代码。倒不是找不到瀑布流代码。而是我想自己练练脑子。 首先,先考虑思路。...LiCol, // 用求余数方法获知当前图片为一行中第几个 TRow = parseInt(i/LiCol); // 当前索引除以列数,并取整...,得知为第几行 /* 取得位于当前图片上侧图片元素 获取这个元素本身高度,和父元素顶部距离,加上空格留白,得出当前图片距离顶部距离...jquery嘛,应该用jquery方法来实现。 jquery 实战 第三回合 /* FengWaterFall.beta3.js 完美实现了瀑布流效果。...jqueryeach方法循环数组。但是被迫用了全局变量。

1.1K10

Web前端基础(01)

web前端学习 10节 HTML 学习如何搭建页面结构和内容 (盖房子 毛坯房) CSS 学习如何美化页面 (装修) JavaScript 学习如何给页面添加动态效果 jQuery JS语言框架,简化原生...页面和文件同级目录:直接写图片名 文件在页面的上一级:…/图片名 文件在页面的下一级:文件夹名/图片名 绝对路径:访问站外资源时使用 图片盗链,节省本站资源,但有可能找不到图片(原网站图片路径发生改变则找不到该图片...-- #代表当前页面--> 回到顶部 显示效果: 3.表格练习 <img width="100...-- 绝对路径访问站外资源,又称为图片盗链 好处:节省本站资源 坏处:有可能找不到图片--> <img width="20%" height="20%" src="http://cdn.tmooc.cn

1.1K30

jQuery基础--选择器

什么是jQuery选择器 jQuery选择器是jQuery为我们提供一组方法,让我们更加方便获取到页面中元素。注意:jQuery选择器返回jQuery对象。...jQuery选择器有很多,基本兼容了CSS1到CSS3所有的选择器,并且jQuery还添加了很多更加复杂选择器。...【查看jQuery文档】 jQuery选择器虽然很多,但是选择器之间可以相互替代,就是说获取一个元素,你会有很多种方法获取到。所以我们平时真正能用到只是少数最常用选择器。 2.2....给所有的span注册点击事件,让当前span兄弟div显示出来 $(".groupTitle").click(function () { //下一个兄弟:nextElementSibling.../jquery-1.12.4.js"> $(function () { //找不到对象 $(function ()

84540

前端(四)-jQuery

对象,就可以对这个对象进行操作; 可以查找当前元素下子元素; html //当鼠标访问指定li时,指定lip标签显示,鼠标移除后,对应p消失 3</span...$(this).index() 当前标签下标 3、jQuery基本操作 3.1 样式操作 方法(已声明好外部样式类名,多个使用空格分割) 说明 addClass("样式类名") 添加样式 removeClass...slibings() 获取当前元素所有同辈元素 3.6.3 遍历前辈元素 方法 说明 parent() 获取当前元素父级元素 parents() 获取当前元素所有祖先元素 3.6.4 each...($(this).html()); //$(this)转换为jQuery节点 }); 3.6.5 end() 结束当前链条中最近筛选操作,并将匹配元素集还原为之前状态; //end():结束当前最后一次筛选...class="active"> <img src="img

8.5K30

JQuery 入门 - 附案例代码

作用:遍历jQuery对象集合,为每个匹配元素执行一个函数 // 参数一表示当前元素在所有匹配元素中索引号 // 参数二表示当前元素(DOM对象) $(selector).each...”> $(function () { //需求1:给小人物所在li标签设置鼠标移入事件:当前li标签透明度为1,其他兄弟li标签透明度为0.4 //需求2...> $(function () { //需求:给tab栏每一个li标签设置鼠标移入事件: 当前...li添加active类,其他兄弟li移除active类. // 找到当前tab栏索引一致div,让他添加 selected类,其他兄弟div移除selected类....//让id为imageimg标签修改src属性为当前点击a标签href属性值 //让id为des这个p标签文本设置为当前点击这个a标签title属性值.

13.8K10
领券