zoukankan      html  css  js  c++  java
  • jQuery的父,子,兄弟节点查找方法

    以下罗列一下jQery下节点查找的方法:

    jQuery.parent(expr) 找父亲节点。能够传入expr进行过滤,比方$("span").parent()或者$("span").parent(".class")

    jQuery.parents(expr),类似于jQuery.parents(expr),可是是查找全部祖先元素,不限于父元素

    jQuery.children(expr).返回全部子节点。这种方法仅仅会返回直接的孩子节点。不会返回全部的子孙节点

    jQuery.contents(),返回以下的全部内容,包含节点和文本。这种方法和children()的差别就在于,包含空白文本,也会被作为一个

    jQuery对象返回。children()则仅仅会返回节点

    jQuery.prev(),返回上一个兄弟节点。不是全部的兄弟节点

    jQuery.prevAll(),返回全部之前的兄弟节点

    jQuery.next(),返回下一个兄弟节点,不是全部的兄弟节点

    jQuery.nextAll(),返回全部之后的兄弟节点

    jQuery.siblings(),返回兄弟姐妹节点,不分前后

    jQuery.find(expr),跟jQuery.filter(expr)全然不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分,而jQuery.find()

    的返回结果。不会有初始集合中的内容,比方$("p"),find("span"),是从p元素開始找,等同于$("p span")


    举个实际用过的样例

    以下是一段html,已得最开头的"li", 要查找当中的“checkbox”

    <li class="list-group-item completed_item">
    <div class="text_holder">
    reerytre
    <div class="btn-group pull-right">
    <button class="delete btn btn-warning">Delete</button>
    <button class="edit btn btn-success">Edit</button>
    </div>
    </div>
    <div class="checkbox">
    <label><input type="checkbox" class="pull-right"></label>
    </div>
    </li>

    li = $(li); 

    找到:  <input type="checkbox" class="pull-right">

    方法1: 
    checkbox = li.children(":first").next().children(":first").children(":first");
    或者
    checkbox = li.children(":last").children(":first").children(":first");

    方法2:
    checkbox = li.find('input');
    
    
    先写到这里吧...
  • 相关阅读:
    Nginx编译安装Lua模块
    Openresty =>nginx+lua
    windows下配置lua开发环境
    IntelljIdea安装nginx插件及单页面应用路由的nginx配置
    解决 start.spring.io 不能访问 使用阿里云国服链接替代
    Lua入门教程
    数据库锁机制] 深入理解乐观锁、悲观锁以及CAS乐观锁的实现机制原理分析
    前端MVC Vue2学习总结(一)——MVC与vue2概要、模板、数据绑定与综合示例
    Java死锁排查和Java CPU 100% 排查的步骤整理
    Windows平台安装配置Hadoop
  • 原文地址:https://www.cnblogs.com/yjbjingcha/p/7229761.html
Copyright © 2011-2022 走看看