批处理之家 - Powered by Discuz! Board

标题: jquery选择css的问题 [打印本页]

作者: 灯塔彭于晏 时间: 2021-4-23 00:41 标题: jquery选择css的问题

你好，谢谢你了。

现有html代码如下：

<div class="ranking-item">
 <div class="rank"></div>
 <div class="ranking-image-item"></div>
   <div class="_layout-thumbnail"></div>
 <h2></h2>
 <a class="user-container ui-profile-popup"></a>
</div>

<div class="ranking-item">
 <div class="rank"></div>
 <div class="ranking-image-item"></div>
   <div class="_layout-thumbnail"></div>
   <div class="page-count"></div>
 <h2></h2>
 <a class="user-container ui-profile-popup"></a>
</div>
复制代码

下面这组比上面那组多了一个 <div class="page-count"></div>

请问：如何用jquery实现：
如果在<div class="ranking-item">里存在 <div class="page-count"></div>，就将本组的<div class="ranking-item"> 加上css代码{display:none}，达到整个屏蔽掉的效果。

谢谢你了~

作者: a20150604 时间: 2021-4-23 07:49

本帖最后由 a20150604 于 2021-4-23 07:54 编辑

用

div.ranking-item div.page-count
复制代码

查询出子节点, 再逐层(因为你没有说是固定的层次关系)向上访问父节点, 父父节点, 父父父节点.... 直到检测到其为具有 class="ranking-item" 属性的 DIV 节点, 就执行 CSS 操作

作者: 灯塔彭于晏 时间: 2021-4-23 12:09

回复 2# a20150604

不太懂怎么描述层级关系。就知道html结构是这样的……
就是想实现。如果div里存在 <div class="page-count"></div> ，就把 <div class="ranking-item"> 一整个display none了。

作者: 灯塔彭于晏 时间: 2021-4-23 23:02

谢谢大家了，期待你的回复！

欢迎光临批处理之家 (http://www.bathome.net/)