javascript - 切片不针对所有实例

Question

我的页面中有一系列跨度，我在其中使用一个类来控制各种样式。当条件发生变化时，我想同时将更改应用到这些类。

例子:

<SPAN class="zrow_1">...</SPAN>
<SPAN class="zrow_2">...</SPAN>
<SPAN class="zrow_3">...</SPAN>

... ... 页面下方有更多代码 ... ...

<SPAN class="zrow_1">...</SPAN>
<SPAN class="zrow_2">...</SPAN>
<SPAN class="zrow_3">...</SPAN>

现在我知道我可以单独定位每个类(class)并且效果很好。但是为了清理我的代码并节省一些时间，我尝试使用 slice。

$("SPAN[class^='zrow_']").slice(2).css({'display': 'none'});

现在上面的第一个实例在页面上隐藏了我想要的跨度；但是，第二组跨度不是。我做错了什么吗？

Answer 1

这是因为您拥有的选择器将返回所有六个，但您只隐藏了其中两个。

我会直接使用类名并用逗号分隔它们。

$("span.zrow_1, span.z_row_2").css({'display': 'none'});