class -

  显示原文与译文双语对照的内容
0 0

我有多个类的span 标记:


 <div class="container">
 <span class="otherclass item3">Text</span>
 <span class="otherclass item1">Blah</span>
 <span class="item2">Stuff</span>
 </div>

我对计算 span 元素的数量有兴趣,这些元素带有'项目'前缀。 我知道我可以这样做:


 $(document).on('click','span',function(){
 var ItemTot = $(this).closest('.container').find('[class*= item]').length;
 alert(ItemTot);
 }

。要计算具有多个类的span 元素的数目,但不计算单个类 span 。 我可以用下面的代码获得这一点,但是肯定有一种更干净的方法来?


. find('[class^=item]').length;

时间: 原作者:

0 0

CSS缺少"单词以开头"属性选择器。 ( 始于 [ ^= ] 属性,它有词匹配 [ ~= ], 但不是组合匹配一个单词的开始。)

因此,你必须手动执行该操作: 实时复制 | Live Source


var ItemTot = $(this).closest('.container').find('[class*=item]').filter(function() {
 return this.className.match(/bitem/);
}).length;

找到任何元素,它的class 属性包含 item ( 任意位置),然后基于仅在 item 开头的那些位置筛选。

原作者:
...