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}，达到整个屏蔽掉的效果。

谢谢你了~

灯塔彭于晏

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

灯塔彭于晏

回复 2# a20150604


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

a20150604

用

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

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