jquery选择css的问题

灯塔彭于晏

你好，谢谢你了。

现有html代码如下：

1. <div class="ranking-item">
   
2. <div class="rank"></div>
   
3. <div class="ranking-image-item"></div>
   
4.    <div class="_layout-thumbnail"></div>
   
5. <h2></h2>
   
6. <a class="user-container ui-profile-popup"></a>
   
7. </div>
   
8. 
   
9. <div class="ranking-item">
   
10. <div class="rank"></div>
    
11. <div class="ranking-image-item"></div>
    
12.    <div class="_layout-thumbnail"></div>
    
13.    <div class="page-count"></div>
    
14. <h2></h2>
    
15. <a class="user-container ui-profile-popup"></a>
    
16. </div>

复制代码

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

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

谢谢你了~

a20150604

用

1. div.ranking-item div.page-count

复制代码

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

灯塔彭于晏

回复 2# a20150604


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

灯塔彭于晏

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