关于JQuery的简单问题：为什么$(this).find("span:first-child")这句话结构不正确？
$("th[role='columnheader']").mouseenter( function(){
var index = $(this).index();
alert( $(this).find("span:first-child").length );
});
我本意是想取得鼠标穿过的列里的第一个span。为什么这里Alert出来的值是3而不是1？
$("th[role='columnheader']") 有多个吧
这样你 看下 $("th[role='columnheader']").length有多少个？
1楼正解
':first' 只匹配一个元素，
':first-child'而将为每个父元素匹配一个子元素
例如：
<ul> <li>John</li> <li>Karl</li> <li>Brandon</li> </ul> <ul> <li>Glen</li> <li>Tane</li> <li>Ralph</li> </ul>
添加评论
关注(0)
$("ul li:first-child")
[ <li>John</li>, <li>Glen</li> ]
alert( $(this).find("span:first-child").length );
:first 是查出来的span集合中的第一个
:first-child 是查出来的span集合中的每一个第一个 你去看下api就明白了
相关推荐
### jQuery 常用操作详解 #### 一、选择器 **基础选择器**： - **ID选择器**: 使用 `$("#id")` 来选择具有指定ID的元素。 - 示例：`$("#my")` 表示寻找 `id="my"` 的元素。 - **Class选择器**: 使用 `$(".class...
在前端开发领域，jQuery是一款非常流行的JavaScript库，它简化了DOM操作、事件处理、动画制作等任务，使得JavaScript编程变得更加简单。"类似Flash效果jQuery焦点图"是指利用jQuery实现的一种动态展示图片或内容的...
【jQuery数字焦点图轮播代码实现详解】 在网页设计中，焦点图轮播是一种常见的功能，用于展示一组图片或内容并自动循环播放。jQuery库因其简单易用的API，成为了实现这种功能的理想选择。本篇文章将详细介绍如何...
【jQuery图片滑动轮播实现详解】 在网页设计中，图片滑动轮播是一种常见的展示方式，用于在有限的空间内展示多张图片或内容。在本文中，我们将深入探讨如何使用jQuery这一强大的JavaScript库来创建一个自动滚动的...
.slider li:not(:first-child) { display: none; } .navigator .dot { cursor: pointer; } ``` 3. **JavaScript/jQuery初始化**：在DOM加载完成后，使用jQuery选择器获取必要的元素并设置初始状态。 ```...
=value]’)`：选取具有指定属性attr且值不为value的E元素。 - `$(‘E[attr^=value]’)`：选取具有指定属性attr且值以value开头的E元素。 - `$(‘E[attr$=value]’)`：选取具有指定属性attr且值以value结尾的E元素。 ...
【jQuery焦点图特效详解】 在网页设计中，焦点图（也称为幻灯片或轮播图）是一种常用的技术，用于展示一系列图片或内容，并通过自动切换或用户交互来浏览这些内容。在本教程中，我们将深入探讨如何使用jQuery库创建...
**jQuery 选择器详解** jQuery 是一个广泛使用的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画和Ajax交互。其中，选择器是 jQuery 的核心功能之一，允许开发者高效地选取页面上的元素，进而进行操作。...
【jQuery实现焦点轮播效果详解】 焦点轮播是网页设计中常见的动态效果，它能够吸引用户的注意力并展示多个内容，通常用于产品展示、新闻滚动等场景。jQuery库因其简洁的API和强大的DOM操作能力，成为了实现此类效果...
以下是一些关于jQuery获取对象和定位子对象的关键知识点： 1. **选择器（Selectors）**：jQuery提供了一系列的选择器来帮助我们精准定位DOM元素。例如： - `#` 用于选择ID，如`$("#myID")`将选取ID为`myID`的元素...
$('.focus-title').text($(this).find('span').text()); }); }); }); ``` 在这个代码中，我们首先等待文档加载完成，然后获取焦点图列表和其子项。设置`hover`事件监听器来控制图片的显示和隐藏。当鼠标滑过图片...
jQuery选择器是jQuery库的核心部分，它用于在DOM（文档对象模型）中高效地选取元素。选择器的工作原理基于W3C CSS规范，允许开发者使用类似CSS的语法来选取JavaScript中的DOM元素。jQuery选择器的强大之处在于它们...