jQuery只有当父类是viewContainerTop时才隐藏所有以'row'开头的类，除了'row2' [英] jQuery to hide all classes that start with 'row' except ‘row2’ only when the parent class is viewContainerTop

问题描述

这个问题......

<div id="viewContainerTop">
  <div class="row1"></div>
  <div class="NotRow1"></div>
  <div class="row2"></div>
  <div class="row2"></div>
  <div class="row2"></div>
  <div class="row3 first"></div>
  <div class="donthideme"></div>
  <div class="row4"></div>
  <div class="row5"></div>
</div>

推荐答案

如果我理解正确的话，试试这个：

If I understand you correctly, try this:

$('#viewContainerTop > [class^=row]').not('.row2').hide();

> 是可选的 - 它排除以行开头的任何更深层对象的匹配。

The > is optional--it excludes matching of any deeper objects that start with row.

这是一个实例也显示了这一点（点击刷新以查看选择器调暗所需的元素）。

Here's a live example that shows this, too (hit refresh to see the selector dim the desired elements).

这篇关于jQuery只有当父类是viewContainerTop时才隐藏所有以'row'开头的类，除了'row2'的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！