首页 > 其他分享 >CSS定位子元素包含特定 class 的父元素

CSS定位子元素包含特定 class 的父元素

时间:2023-04-29 22:08:57浏览次数:41  
标签:jQuery 包含 parent 元素 选择器 class CSS

要定位子元素包含特定 class 的父元素,可以使用 CSS 选择器中的 :has() 选择器,但是这个选择器目前还没有得到广泛的浏览器支持。目前使用 :has() 选择器的最佳方式是使用 jQuery 或其他类似的 JavaScript 库。以下是一个使用 jQuery 的例子:

<div class="parent">
  <div class="child">不合适的子元素</div>
</div>
<div class="parent">
  <div class="child other-class">正确的子元素</div>
</div>
// 使用 jQuery 的选择器定位父元素
var parent = $('.parent:has(.child.other-class)');

在这个例子中,我们使用了 jQuery 的 :has() 选择器,它会选择包含匹配的子元素的父元素。我们选择了所有 class 包含 parent 并且包含子元素 class 为 child other-class 的父元素。

请注意,:has() 在大多数原生的浏览器中并不支持,因此在开发时,请考虑使用更常规的解决方案,如通过 DOM 遍历或其他方法手动查找父元素。

箴言:因为这些东西是非常简单的。不要抱怨自己学不会,那是因为你没有足够用心。



标签:jQuery,包含,parent,元素,选择器,class,CSS
From: https://blog.51cto.com/echohye/6236935

相关文章

  • 2023-04-29:一个序列的 宽度 定义为该序列中最大元素和最小元素的差值。 给你一个整数
    2023-04-29:一个序列的宽度定义为该序列中最大元素和最小元素的差值。给你一个整数数组nums,返回nums的所有非空子序列的宽度之和由于答案可能非常大,请返回对109+7取余后的结果。子序列定义为从一个数组里删除一些(或者不删除)元素,但不改变剩下元素的顺序得到的数组......
  • 2023-04-29:一个序列的 宽度 定义为该序列中最大元素和最小元素的差值。 给你一个整数
    2023-04-29:一个序列的宽度定义为该序列中最大元素和最小元素的差值。给你一个整数数组nums,返回nums的所有非空子序列的宽度之和由于答案可能非常大,请返回对109+7取余后的结果。子序列定义为从一个数组里删除一些(或者不删除)元素,但不改变剩下元素的顺序得到的数......
  • python+playwright 学习-57 svg 元素拖拽
    前言SVG英文全称为ScalablevectorGraphics,意思为可缩放的矢量图,这种元素比较特殊,需要通过name()函数来进行定位。本篇讲下关于svg元素的拖拽相关操作。拖拽svg元素如图所示,svg下的circle元素是可以拖动的比如往右拖动100个像素,那么cx的值由原来的cx="100"变成cx="200"通......
  • python+playwright 学习-56 svg 元素定位
    前言SVG英文全称为ScalablevectorGraphics,意思为可缩放的矢量图,这种元素比较特殊,需要通过name()函数来进行定位。svg元素定位如下看到的svg标签,就是svg元素用普通的标签定位,是无法定位的,如xpath的//svg只能通过name()函数来定位//*[name()="svg"]页面上用多个svg元素如果......
  • css div上层显示一个div
    CSS position属性来实现div上层显示div。首先,为需要在上层显示的div设置position:absolute,并设置其z-index值大于其他div。然后,为包含这些div的父元素设置position:relative。 <divclass="container"><divclass="overchild"></div></div>说明:container......
  • 力扣---1493. 删掉一个元素以后全为 1 的最长子数组
    给你一个二进制数组 nums ,你需要从中删掉一个元素。请你在删掉元素的结果数组中,返回最长的且只包含1的非空子数组的长度。如果不存在这样的子数组,请返回0。 提示1:输入:nums=[1,1,0,1]输出:3解释:删掉位置2的数后,[1,1,1]包含3个1。示例2:输入:nums=[0,1,1,1,0......
  • apollo启动报错java.lang.NoClassDefFoundError PemObjectGenerator
    启动apollo时,报错。java.lang.NoClassDefFoundError:org/bouncycastle/util/io/pem/PemObjectGenerator很明显类没找到,根据经验判断,很可能是maven依赖问题。解决方案apollo版本1.1.4。目前相关的是:org.bouncycastle:bcpkix-jdk15on:jar:1.55org.bouncycastle:bcprov-jdk15on:jar......
  • 347. 前 K 个高频元素
    347.前K个高频元素publicclasstopK{////第一种方法,需要对所有的数据进行排序时间复杂度n*logn//publicstaticint[]topKFrequent(int[]nums,intk){//HashMap<Integer,Integer>hashMap=newHashMap<>();////for(inti=0;i<nums.......
  • CSSE3100 合理性解析
    ssignment2CSSE3100/7100ReasoningaboutProgramsDue:4pmon28April,2023Theaimofthisassignmentistoconsolidateyourunderstandingofthecourse'smaterialonarrays,programderivationandrecursion.Itisworth20%ofyourfinalmarkforth......
  • css3效果真Nb,可惜的ie
    <!DOCTYPEHTMLPUBLIC"-//W3C//DTDXHTML1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content=&quo......