开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >基于子类或兄弟类获取父元素或前一个元素

问基于子类或兄弟类获取父元素或前一个元素
EN

Stack Overflow用户

提问于 2021-04-15 07:57:49

回答 1查看 20关注 0票数 1

假设我有三种不同类型的产品HTML，我只想为那些有一个子元素或具有类mySelector的输入元素的同辈选择mySelector元素。

类型A的元素中有“mySelector”。
B在其内部或下面没有元素'mySelector‘，因此我们不想选择它。
类型C的元素'mySelector’就在后面。

目标是选择A和C类型的产品块<div>，它们与mySelector有一个子块或兄弟关系。

积块A型

<div class="A B C">
    <a href="#"></a>
    <input type="hidden" class="mySelector">
</div>

积块B型

<div class="MM NN OO">
    <a href="#"></a>
</div>

积块C型

<div class="X Y Z">
    <a href="#"></a>
</div>
<input type="hidden" class="mySelector">

我设想一个过滤器可以工作，但是我只能使用这样的过滤器来选择一种产品块：

jQuery('.mySelector')
    .filter(function () {
        if (jQuery(this).prev().hasClass('Z')) {
           return jQuery(this).prev();
        }
    })

另一种方法是使用jQuery('.mySelector').parent()。但那样的话，我就无法选择C类型，其中mySelector是兄弟姐妹。

EN

回答 1

Stack Overflow用户

发布于 2021-04-15 08:46:55

我按“freedomn”的建议解决了。

let elmsa = jQuery('.mySelector').parent()
               .filter(function () {
                  if (jQuery(this).hasClass('A')) {
                   return this;
                  }
               });

let elmsb = jQuery('.mySelector').prev()
                .filter(function () {
                   if (jQuery(this).hasClass('X')) {
                       return this;
                   }
                });

let elms = jQuery.merge(elmsa, elmsb);

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/67111893

复制

相关文章

jquery 获取元素(父节点,子节点,兄弟节点)

1、jquery 获取元素(父节点,子节点,兄弟节点) $("#test1").parent(); // 父节点 $("#test1").parents(); // 全部父节点 $("#test1").parents(".mui-content"); $("#test").children(); // 全部子节点 $("#test").children("#test1"); $("#test").contents(); // 返回#test里面的所有内容，包括节点和文本 $("#test").content

biaoblog.cn 个人博客

2022/08/11

5.6K0

如何解决兄弟元素或父子元素margin边距失效问题

背景：兄弟元素或父子元素同时设margin边距时，会导致margin边距会按照最大的那个边距展示，解决方案，行程 BFC，块级格式化上下文，来消除该问题。

蓓蕾心晴

2022/11/21

8320

JS和JQuery获取当前元素的兄弟及父级等元素的方法

jQuery.parent(expr)，找父亲节点，可以传入 expr 进行过滤，比如 $("span").parent() 或者 $("span").parent(".class")

德顺

2019/11/13

12.7K0

纯CSS选择器控制子元素或兄弟元素的hover效果

一般 hover 效果只用在自身元素和控制子元素，那么可以直接用 CSS 控制兄弟元素的 hover 效果吗？

德顺

2019/11/13

6.4K0

纯CSS选择器控制子元素或兄弟元素的hover效果

JS获取节点的兄弟,父级,子级元素的方法

jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")

OECOM

2020/07/01

9.2K0

js/jquery获取父窗口元素

jquery document window 对象框架

做WEB前端开发的过程中，经常会有这样的需求，用户点击【编辑】按钮，弹出一个对话框，在里边修改相应的值，然后把修改后的值显示在原页面，最后点击保存。用window.parent.document.getElementById().setAttribute("value","")可以很好的解决这个问题。

Jensen_97

2023/07/19

7310

vue获取当前点击元素的父元素、子元素、上级元素等

vue.js javascript

<div @click = "clickfun($event)">点击</div> methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML #获得点击元素的第一个子元素 e.curre

用户1349575

2022/01/26

11.3K0

原生JS如何获取当前元素属于父元素第几个子元素

原生JS有一个常见的小技巧那就是通过元素的previousSibling 属性，额外需要注意的是该属性会遍历text节点，即回车键。

IT工作者

2022/01/26

10.4K0

Java数组插入或删除元素

编程算法 https java 网络安全

**练习1.随机生成一个整数型数组（1-10数组长度随机，0-50数组元素随机）在其数组的最后追加一个1-50随机数值**

全栈程序员站长

2022/09/13

1.5K0

[python]父类、子类、子类实例属性

本文旨在说明父类、子类、子类实例的属性继承关系： >>> A = type('A', (), {'name':1}) >>> B = type('B',(A,), {'addr':'beijing'})　　　　#B的父类为A >>> A.__dict__ mappingproxy({'name': 1, '__module__': '__main__', '__dict__': <attribute '__dict__' of 'A' objects>, '__weakref__': <attribute

py3study

2020/01/19

1.9K0

Thinking -- CSS从根解决选择前一个兄弟元素

css 编程思想布局开发浏览器

开发中遇到这样一个诉求：特定class的元素单独占一行，现需要针对其前一个兄弟元素增加相应标识，以使其占据所在行的剩余所有空间。

奋飛

2023/03/24

1.1K0

Thinking -- CSS从根解决选择前一个兄弟元素

outputstream类或writer类的子类_java private

java 编程算法 utf8

在本教程中，我们将借助示例学习Java OutputStreamWriter及其方法。

全栈程序员站长

2022/10/01

5370

outputstream类或writer类的子类_java private

【Python】面向对象 - 继承 ② ( 子类重写父类成员 | 子类调用父类重名成员 | 子类中使用父类类名调用父类成员 | 子类中使用 super 调用父类成员 )

python super 变量函数继承

子类继承父类的成员属性与成员方法后 , 如果对继承的父类成员不满意 , 可以重写父类成员 ;

韩曙亮

2023/10/11

7750

【Python】面向对象 - 继承 ② ( 子类重写父类成员 | 子类调用父类重名成员 | 子类中使用父类类名调用父类成员 | 子类中使用 super 调用父类成员 )

子元素滚动，父元素不滚动

bootstrap iframe scroll 解决方案框架

这个是为了处理在bootstrap框架中的iframe 滚动条的问题，查找到的解决方案

solate

2019/07/22

4K0

java 父类 new 子类

父类： public class A { public void say(){ System.out.println("Hello A"); } } 子类： public class B extends A{ public void say(){ System.out.println("Hello B"); } public void sing(){ System.out.println("sing hell

用户1220053

2018/02/09

2.5K0

子类继承父类,父类的初始化

含有自变量的构建器上述例子有自己默认的构建器；也就是说，它们不含任何自变量。编译器可以很容易地调用它们，因为不存在具体传递什么自变量的问题。如果类没有默认的自变量，或者想调用含有一个自变量的某个基础类构建器，必须明确地编写对基础类的调用代码。这是用 super 关键字以及适当的自变量列表实现的，如下所示：

秋白

2019/02/21

1.9K0

golang继承——接口父类子类

go 面向对象编程 java

从面向对象的角度上看，总会有一些使用子类不想做，希望父类去做的事情，在java这样的纯面向对象的语言中，方法就是使用父类和子类，子类通过继承父类的方法，实现子类自己的属性，如果没有某个方法没有经过子类重写，那么这个方法通过子类调用时，就会调用父类的方法。

Java架构师必看

2021/05/14

4.6K0

html 动画集合

例如：我们想要操作页面上的某部分(显示/隐藏，动画)，需要先获取到该部分对应的元素，再对其进行操作。

星辰_大海

2020/09/30

2.2K0

父元素opacity属性对子元素的影响(子元素设置opacity无效)

css java https 网络安全腾讯云测试服务

这段时间做了一个项目优化，对于原有的内容进行了重新设计实现，其中一项就是对于label标签添加hover层进行解释说明，最常用的办法及时label的容器设置relative，然后hover层作为它的子元素设置absolute，然后在使用label的hover伪类来控制hover层的显示和隐藏，这其中一个要求及时hover层必定要求能够遮住页面中其他的元素，所以最常用的办法是设置它的背景颜色，然后让它的z-index处于合理的位置，一切都是这样设计的，但是最终的效果却出现了hover层设置bg为#fff的时候，hover层显示时还是会把底部内容给透出来，第一反应就是opacity设置为1，但是还是没有效果（因为背景为白色，所以有点坑）

全栈程序员站长

2022/09/01

3.1K0

父元素opacity属性对子元素的影响(子元素设置opacity无效)

React技巧之获取元素类名

https 网络安全 http react

原文链接：https://bobbyhadz.com/blog/react-get-class-name-of-element[1]

chuckQu

2022/08/19

1.3K0

相似问题

jquery:立即获取元素的上一个兄弟或父级

12

按类或名称获取嵌套子元素的父元素

54

基于兄弟值获取元素值

12

根据父元素和/或类使用新元素包装元素

14

基于前一兄弟处理的元素分组.指令

14

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例