关于JQuery的简单问题:为什么$(this).find("span:first-child")这句话结果不正确?

问题描述

关于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>jQuery 代码:$("ul li:first-child")结果:[ <li>John</li>, <li>Glen</li> ]
解决方案三:
alert( $(this).find("span:first-child").length ); :first 是查出来的span集合中的第一个:first-child 是查出来的span集合中的每一个第一个 你去看下api就明白了
解决方案四:
能先把代码贴出来看看不!

时间: 2024-12-02 09:11:14

关于JQuery的简单问题:为什么$(this).find(&amp;quot;span:first-child&amp;quot;)这句话结果不正确?的相关文章

jquery的相关内容:jquery的简单分析

文章简介:jquery原理的简单分析,扒开jquery的小外套. 引言 最近LZ还在消化系统原理的第三章,因此这部分内容LZ打算再沉淀一下再写.本次笔者和各位来讨论一点前端的内容,其实有关jquery,在很久之前,LZ就写过一篇简单的源码分析.只不过当时刚开始写博客,写的相对来讲比较随意,直接就把源码给贴上来了,尽管加了很多注释,但还是会略显粗糙. 这次LZ再次执笔,准备稍微规范一点的探讨一下jquery的相关内容. jquery的外衣 jquery是一个轻量级的JS框架,这点相信大部分人都听过

使用jquery实现简单的ajax

本篇文章是对用jquery实现简单的ajax的实现方法进行了详细的分析介绍,需要的朋友参考下   -->html页 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   <html xmlns="http://www.w

jquery实现简单的无缝滚动

 jquery实现简单的无缝滚动 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 <!DOCTYPE html> <html> <head lang="en"> <meta chars

jQuery实现简单的间隔向上滚动效果

 这篇文章主要介绍了jQuery实现简单的间隔向上滚动效果,实例分析了jQuery通过animate与setInterval控制dom元素滚动特效的技巧,需要的朋友可以参考下     本文实例讲述了jQuery实现简单的间隔向上滚动效果的方法.分享给大家供大家参考.具体实现方法如下: 代码如下: <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> <

jquery超简单实现手风琴效果的方法_jquery

本文实例讲述了jquery超简单实现手风琴效果的方法.分享给大家供大家参考.核心代码如下: $("#accordion .expanded").hide(); $("a.opening").click(function(){ $(this).next().slideToggle('fast', function(){ $(this).prev("a.opening").toggleClass("active"); }); re

jquery实现简单的自动播放幻灯片效果_jquery

本文实例讲述了jquery实现简单的自动播放幻灯片效果.分享给大家供大家参考.具体实现方法如下: html部分: <div id="slideshow"> <div> <img src="images/5224/5658667829_2bb7d42a9c_m.jpg"> </div> <div> <img src="images/5230/5638093881_a791e4f819_m.jp

jquery实现简单手风琴菜单效果实例_jquery

本文实例讲述了jquery实现简单手风琴菜单效果的方法.分享给大家供大家参考.具体实现方法如下: (function($) { var allPanels = $('.accordion > dd').hide(); $('.accordion > dt > a').click(function() { allPanels.slideUp(); $(this).parent().next().slideDown(); return false; }); })(jQuery); HTML代

jQuery制作简单柱状图实例_jquery

本文实例讲述了jQuery制作简单柱状图的方法.分享给大家供大家参考.具体实现方法如下: Html部分: 复制代码 代码如下: <head>  <title>柱状图</title>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <link href="css.css" type="tex

jQuery实现简单的tab标签页效果_jquery

本文实例讲述了jQuery实现简单的tab标签页效果.分享给大家供大家参考,具体如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>tab1</title> <style type="text/css"> *{ padding: 0; margin: 0;} li{ l