jQuery来隐藏与除“2行”“行”只有当父类是viewContainerTop

Question

的this question...

<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> 

Answer 1

如果我理解正确的变化开始的所有类，试试这个：

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

>是可选的 - 它不包括任何以row开头的较深对象的匹配。

这里有一个live example，显示这一点，太（命中刷新看到选择暗淡所需的元素）。

Answer 2

避免你的直接问题，但更好的方法是创建另一个类，说“canhide”并将其连接到您要定位的div。你不应该对部分类名进行匹配。

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