javascript - jQuery .not 方法没有按预期工作

Question

我有一组菜单控件的一些 HTML 标记，基本上如下所示。您会注意到，每个 <div class="row"> 中的标记重复。此重复代码对于每个菜单控件集都是相同的。

<div id="menuModal">
    <div class="row">
        <div class="col-xs-6">
           <i>Control Icon</i>
           <span>Control Label</span>
        </div>
        <div class="col-xs-2">
           <i>Control Icon</i>
           <span>Control Label</span>
        </div>
        <div class="col-xs-2">
           <i>Control Icon</i>
           <span>Control Label</span>            
        </div>
        <div class="col-xs-2">
           <i>Control Icon</i>
           <span>Control Label</span>            
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6">
           <i>Control Icon</i>
           <span>Control Label</span>
        </div>
        <div class="col-xs-2">
           <i>Control Icon</i>
           <span>Control Label</span>
        </div>
        <div class="col-xs-2">
           <i>Control Icon</i>
           <span>Control Label</span>            
        </div>
        <div class="col-xs-2">
           <i>Control Icon</i>
           <span>Control Label</span>            
        </div>
    </div>
</div>

我正在设置每个 div class="col-xs-6"> 的颜色控制标签，除了第一个具有以下 jQuery 选择器和方法的标签:

$( "#menuModal" ).find( "div.row > div.col-xs-6 > span" ).not( "div.row:eq(0) > div.col-xs-6 > span" ).css( "color", "#669900" );

上面的 jQuery 语句设置了每个 div class="col-xs-6" 的标签颜色标签，包括第一个。我不明白为什么 .not方法选择器将不起作用。

有什么想法吗？我正在努力解决这个问题......

Answer 1

您可以像这样排除第一行:

$( "#menuModal" ).find( "div.row:not(:first) > div.col-xs-6 > span" )