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>