关于jQuery中parents选择器的一些小tips

开始问题是:

$(‘div‘, $(this).parents(‘div:first‘))

这段代码能取到的元素?

<html>
    <body>
        <div id="a">
            <div id="aa">
                <div id="aaa"></div>
            </div>
        </div>
        <div id="b">
            <div id="bb">
                <div id="bbb"></div>
            </div>
        </div>
        <script src="jquery-1.8.0.min.js"></script>
    </body>
</html>

<script>
            $(function(){
                alert("aa");
                $sss=$(‘div‘,(this).parents(‘div:first‘));
                $sss.css(‘background‘,‘gray‘);
            })
</script>

插入到以上代码中,无法取到任何元素。

若将  $sss=$(‘div‘,(this).parents(‘div:first‘));

变换为$sss=$(‘div‘).parents(‘div:first‘);

则可以得到

但暴露出的第二个问题是,父辈div的索引值分别是多少,经过测试发现:

1.对于aaa来说,aa的索引值是0,a的索引值是1;

2.对于全局div来说,父辈索引值0-5所对应的div分别为:a,aa,a,b,bb,b;(原因仍然不太清楚)

时间: 2024-10-09 22:01:00

关于jQuery中parents选择器的一些小tips的相关文章

jQuery中的选择器

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!DOCTYPE html PUBLIC "-//W3C//DTD

HTML5移动开发之路(34)——jQuery中的选择器

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(34)--jQuery中的选择器 一.jQuery是什么? jQuery是由美国人John Resig创建,至今吸引了来自世界各地的众多JavaScript高手加入其中. jQuery的创始人和技术领袖,目前在Mozilla担任JavaScript工具开发工程师.著有<Pro JavaScript Techniques>(即<精通JavaScript>)等经典JavaScript书籍. jQu

jQuery中的选择器深入浅出

随着JavaScript的不断发展,各种各样的为了方便给jQuery变成的库应运而 生,Prototype,YUI,Extjs,bindows,JSVM(国内的),而目前较为流行的是jQuery ,这是一个轻量级的JavaScript库,它的诸多的优点:开源,兼容各种浏览器,继承css ,html,javascript,ajax等,据统计,目前世界上前10000个访问量最高的网站中,有 超过60%都使用的是jQuery,不得不说,在现在的前端界,如果你说你不会jQuery, 那么估计很多人就会对

jQuery中,选择器既匹配开头又匹配结尾

jQuery中,选择器既匹配开头又匹配结尾的方法: 1 [attr^=val]attr$=val 2 [attr^=val][attr$=val]

JQuery中parents和closest的区别

jquery中查找上层元素一般都习惯了用parents方法,往往忽略了还有一个效率更高的closest方法,看下w3cschool的解释 过程不一样,closest是找到一个即停止,而parents将一直找到根节点,所以结果就不一样,closest将返回最多一个对象,而parents没有限制,任意个,显然,在很多的需求情况下,用closest的效率更高一些

JQuery中的选择器的总结

JQuery的选择器十分的强大,但是我平常经常用到的却十分的有限,趁现在有时间我感觉有必要总结一下. 基本选择器 $("#ID") 选择ID所对应的标签元素 返回一个标签元素$("div") 选择所有的div标签元素 返回所有div标签元素的集合$(".class") 选择所有元素中引用了class 的标签元素 返回所有满足条件的标签元素集合$("*") 选择文档中的所有的元素. <div class="ddi

jQuery中的选择器(下)

这一篇主要写过滤选择器和表单选择器 在这里,我不再已表格形式说明(自己太懒了),主要以文字形式说明一下每个选择器的作用描述.  3.过滤选择器 过滤选择器主要是通过特定的过滤规则筛选出所需的DOM元素.过滤规则和css中的伪类选择器语法相同.即都是已冒号(:)开头.按照不同的过滤规则,可以分为基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象过滤选择器. 3-1 基本过滤选择器 :first 用于选取第一个元素.如$("div:first")选取所有<div>元

canvas中的getContext(&quot;2d&quot;)方法在jQuery中的使用中遇到的小问题解决办法

最近在学习HTML5的canvas,在练习过程中我突发奇想,既然原生的js可以完成画图,那么使用jQuery是否一样可以完成画图呢?然后我就开始动手进行试验,但是 var cxt=$("#clock").getContext("2d"); 这一行代码并没有发挥作用,然后我就逛了查阅了一些资料并且逛了一些博客论坛,最终解决了这个问题.只需要改成下面这个样子就好了: var cxt=$("#clock").get(0).getContext(&quo

angular js jquery中post请求的一点小区别

这也是最近遇到的坑,还是之前那个项目,现在要实现登录功能. 背景:注册功能之前已经跑通了.前端用的是jquery后台是springMVC.鉴于注册和登录有些接口功能是类似的(比如注册确保邮箱是没有注册过,而登录是确保注册过),于是后台还准备用注册的那套接口. 登录的接口get请求是没问题的,但是post却出了问题:后台收不到请求体里的内容. 后来发现是jquery和angular的post行为有些区别,于是我做了个实验. <!DOCTYPE html> <html lang="