一.前言
首先交代一下使用场景:上图是一个微信投票的功能,当我们点击某个用户进行投票,后台响应成功以后。在不刷新页面的情况下,我们需要在js中更新该用户票数。由于点击事件是绑定在投票按钮,那么我们如何更新当前点击用户的票数?这里就要用到jQuery 遍历 - parents() 方法。
二.方法详解
关于parents() 方法的详情介绍,大家可以参考jQuery 遍历 - parents()            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-12 16:00:37
                            
                                538阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <br />jquery有两个函数parent()和parents().通过这两个函数可以找到一个对象的父对象,又称作jquery的选择器。举个例            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-17 11:39:04
                            
                                92阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            今天第一次看到closest方法,以前也从来没用过。 该方法从元素本身开始往上查找,返回最近的匹配的祖先元素。 1、closest查找开始于自身,parents开始于元素父级 2、closest向上查找,知道找到一个匹配就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 3、clos            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-05-02 15:57:00
                            
                                242阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            closest() 方法返回被选元素的第一个祖先元素。 祖先是父、祖父、曾祖父,依此类推。 DOM 树:该方法从当前元素向上遍历,直至文档根元素的所有路径(<html>),来查找 DOM 元素的第一个祖先元素。 该方法与 parents() 类似,都是向上遍历 DOM 树,不同点是: closest            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-10 11:46:21
                            
                                365阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            parent ( ): 获取除被选中元素的直接父元素,也就是它的上一级父元素;下边是parent小demo,直            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2019-05-20 21:06:07
                            
                                52阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ### 解决jquery parents 取值不对的问题
作为一名经验丰富的开发者,我会帮助你解决jquery parents 取值不对的问题。首先,我们需要了解整个问题的背景和流程。下面是一个简单的流程表格:
| 步骤 | 描述 |
|----|----|
| 步骤一 | 选择你要操作的DOM元素 |
| 步骤二 | 使用parents()方法找到指定的父级元素 |
| 步骤三 | 获取父级            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-01-07 08:09:04
                            
                                32阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html lang="en">	<head>		<meta charset="UTF-8">		<title>Title</title>		<script sr            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-30 16:11:05
                            
                                70阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Jquery的parent和parents[color=darkblue][b]parent[/b][/color]是指取得一个包含着所有匹配元素的唯一父元素的元素集合。[color=darkblue][b]parents[/b][/color]则是取得...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-21 08:39:34
                            
                                86阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            parents([expr])
 
 
        取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
 
 
 举例:
 
 
//找到id为ID元素的所有的类名为test的祖先元素。
$('#ID').parents('.test');
 
 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-26 00:30:06
                            
                                119阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                         
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2014-07-28 14:57:00
                            
                                141阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            一、parent()方法
此方法取得匹配元素集合中每个元素的紧邻父元素,也就是第一级父元素,而不是所有的祖先元素。所取得的父元素集合也可以使用表达式进行筛选。
 
 二、parents()方法
此方法取得一个包含着所有匹配元素的父辈元素的元素集合。所取得的父辈元素集合也可以使用表达式进行筛选
如果给定一个表示 DOM 元素集合的 jQuery 对象,.parents() 方法允许我们在 DOM            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2014-10-22 08:45:00
                            
                                288阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            .parent(selector) 获得当前匹配元素集合中每个元素的父元素,由            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-05 22:32:28
                            
                                241阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jQuery中的closest()和parents()的差别 jQuery中closest()和parents()的作用非常类似,都是向上寻找符合选择器条件的元素,可是他们之间有一些细微的差别,官网也给出了说明: .closest() .parents() Begins with the curre            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-07-01 19:54:00
                            
                                111阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            在Web开发中,jQuery选择器是一个非常强大的工具,它帮助我们快速地选取DOM元素。在处理复杂的DOM结构时,尤其是有关父级元素的操作,比如使用`.parent()`和`.parents()`方法时,可能会引发一些疑问和挑战。这篇博文将会帮助你理清这些问题,深入了解如何高效使用jQuery选择器中的`parent`和`parents`方法。
### 环境准备
在开始之前,确保我们有一个兼容            
                
         
            
            
            
            # 如何使用jQuery的parents方法找到同时有两个class属性的容器
## 简介
在开发中,经常会遇到需要通过某个元素的class属性来定位到其父容器的情况。jQuery是一个非常强大的JavaScript库,通过它提供的parents方法,我们可以轻松地找到具有指定class属性的父容器。本文将详细介绍如何使用jQuery的parents方法找到同时具有两个class属性的容器。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-16 14:59:35
                            
                                72阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            parent容易搞清楚,但parents和parentUtil容易混淆                                                                                                                     $("#c").parent()   返回            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-05-25 20:58:02
                            
                                53阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            不同于基于类的编程语言,如 C++ 和 Java,JavaScript 中的继承方式是基于原型的。同时由于 JavaScript 是一门非常灵活的语言,其实现继承的方式也非常多。首要的基本概念是关于构造函数和原型链的,父对象的构造函数称为Parent,子对象的构造函数称为Child,对应的父对象和子对象分别为parent和child。对象中有一个隐藏属性[[prototype]](注意不是prot            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-08 19:57:00
                            
                                45阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            我有时候想啊为什么要用#parent这么看上去貌似不好理解, 为什么要用这样一个单词呢,但就是这样的一个意思, 反映了form数组结构上的一个层次            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-05-06 18:28:00
                            
                                108阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            # 深入理解 JavaScript 的 `parent` 概念
在 JavaScript 中,`parent` 是一个重要的概念,尤其在处理对象和原型链时。本文将通过代码示例以及关系图的方式,引导大家理解 `parent` 在 JavaScript 中的含义和使用场景。
## 什么是 `parent`
在 JavaScript 中,`parent` 通常指的是某个对象所继承的原型。当我们创建            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-08-11 04:53:28
                            
                                82阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            茵蒂克丝一、元素特性二、元素浮动三、元素溢出四、元素定位五、元素背景六、表格七、表单元素 一、元素特性元素通常分为三大类:块元素 行内元素 行内块元素但是,很多时候我们在布局时会人为的改变元素的特性!CSS通过display属性,可以进行元素特性的转换display值显示效果block块元素inline行内元素inline-block行内块元素none元素隐藏(直接消失)flex弹性盒与disp