现在可以通过 var $current = $("#slideshow div.current");获取<selection>标签，如何获取此标签下面的img属性，然后获取此img的宽度？
-
jquery 如何获取某个标签下面的img标签？0
2014年8月13日 23:22
添加评论
关注(0)5个答案 按时间排序 按投票排序
-
采纳的答案
var $current = $("#slideshow div.current")
在使用find()方法可以找到子元素然后遍历
$current.find("img").each(function(i){
$(this).width();//就是他的宽度
});2014年8月14日 20:42
-
jquery的选择器和css差不多的，css怎么获取，jquery就怎么获取
比如css支持#slideShow>.curent>img 那么jquery就可以用
$("#slideShow>.curent>img")获取到
还包括子孙选择器 等等2014年8月14日 10:20
-
var imgArr = $("#slideshow selection img"); //这是一个数组
循环数组分别获取宽度
$.each(imgArr, function(){
alert($(this).attr('width'));
});2014年8月13日 23:43
相关推荐
包含一个容器元素，用于放置图片和tab标签，以及一组图片元素（可能使用`<img>`标签或CSS背景图）和tab标签元素（通常是`<a>`或`<li>`标签）。每个tab标签对应一张图片，点击时触发图片切换。 3. **CSS样式**：在`...
由于返回的是数组形式，如果需要操作具体的某个img的src属性，就需要明确指定索引，比如`$('#img')[1].src`获取第二个img的src值。 以上知识点是使用jQuery来获取页面中元素属性的基本方法。除此之外，还可以使用...
"jQuery打开多个标签页代码"是一个实用的功能，常用于构建多标签页的后台管理系统，提供用户友好的交互体验。这个功能允许用户在单个浏览器窗口内打开并切换多个页面，就像桌面操作系统中的多任务窗口一样。 首先，...
本示例“jquery实现的tab标签为漂亮图片的个性选项卡代码”旨在教你如何利用jQuery创建一个功能丰富的、视觉吸引人的选项卡组件，其中每个标签页都可以显示不同的图片。这种组件可以用于网站导航、内容展示等多种...
通过以上步骤，我们就成功地创建了一个使用jQuery实现的右侧tab标签切换焦点图。这个功能不仅可以用于图片轮播，还可以适应各种其他内容，如文字介绍、视频等，为用户提供灵活多样的展示方式。在实际项目中，还可以...
本示例“jQuery标签TAB控制图片切换代码”是利用jQuery实现的一个功能，通过不同的TAB标签切换来展示不同的图片。这个功能常见于网站的导航菜单或产品展示模块，能够提供良好的用户体验。 首先，我们需要理解HTML5...
【jQuery开发的地图热点特效——Map标签详解】 在Web开发中，地图热点特效是一种常见的交互功能，它可以增强用户体验，使用户能够点击地图上的特定区域获取更多信息或执行特定操作。本篇文章将深入探讨如何利用...
例如，如果要获取一个id为`a`的`img`标签的父级元素，代码如下： ```javascript $("#a").parent(); ``` 这行代码会返回id为`a`的元素的直接父元素。 2. 获取父元素的属性 如果需要从父元素上获取特定的属性，可以...
在IT行业中，jQuery是一款非常流行的JavaScript库，它简化了JavaScript的使用，特别是在处理网页的DOM操作、事件处理、动画效果等方面。在这个特定的资源中，我们关注的是一个使用jQuery实现的图片分类渐隐渐现特效...
在jQuery中，如果你知道某个元素具有特定的ID，你可以用`$("#myID")`来快速获取该元素。例如，如果你有一个div元素，其ID为"content"，则可以这样选取： ```javascript var myDiv = $("#content"); ``` 标签选择器...
每个`<img>`标签代表产品的一个不同角度视图。 然后，我们用CSS对这些图片进行定位，使它们在初始状态下堆叠在一起，但彼此透明，只显示第一个图片： ```css .product-rotator { position: relative; width: 300...
- 创建一个`<img>`标签，并定义一个`<map>`元素，其中包含多个`<area>`标签，每个`<area>`表示图像的一个区域。 - 使用jQuery选择器选中图片，然后调用`imageMapster()`方法初始化插件。 3. **配置选项** - `...
- **高亮显示**：当鼠标悬浮在某个区域上时，该区域会自动高亮显示，以突出用户当前选择的区域。 - **自定义样式**：允许开发者通过 CSS 定义高亮样式，包括颜色、透明度等，使得互动效果更符合网站的整体设计。 ...
缩略图则可以是img元素或者简单的链接（a标签），每个代表一张大图。 HTML结构示例： ```html <img src="big-image-1.jpg" alt="Image 1"> <img src="thumbnail-1.jpg" data-big-src="big-image-1.jpg"> ...
每个`<img>`标签应包含一个唯一的ID或类名，以便jQuery能够识别并操作它们。 2. **数据绑定**： 使用Repeater控件（通常在ASP.NET中使用）动态生成这些`<img>`标签。Repeater可以根据数据库或其他数据源中的数据...
例如，`facemark`这个文件可能是某个特定的jQuery插件或相关资源，用于实现这种功能。这个插件可能包含HTML结构、CSS样式和JavaScript代码，用于在页面加载时智能地管理图片和文字的显示。它可能通过监听图片的加载...
### JQuery方法事件大全详解 #### 一、Attribute（属性操作） **1.1 `addClass`** - **功能**: 给指定元素添加一个或多个类名（用于样式）。 - **语法**: `$("p").addClass(css中定义的样式类型);` - **示例**: ...
其次，jQuery库将被引入到`demo.htm`中，这通常通过`<script>`标签完成，确保在页面加载时执行jQuery函数。使用`$(document).ready()`函数可以确保在DOM完全加载后才执行相关的JavaScript代码，避免了因元素未加载...
// 在这里可以对img对象进行操作，例如设置到某个DOM元素 }; reader.readAsDataURL(file); } }); ``` 接下来是图片截取的部分。这里涉及到一个名为jsCropImage的库，它提供了图片裁剪的功能。在项目中，我们...