Question

我有这个标记：

<div class="fr_fieldsets_block">
   <fieldset>data</fieldset>
   <fieldset>data</fieldset>
   <fieldset>data</fieldset>
   <fieldset>data</fieldset>
</div>

<div class="fr_fieldsets_block">
   <fieldset>data</fieldset>
   <fieldset>data</fieldset>
</div>

现在：我需要为fr_fieldsets_block元素添加一些类，如果它有超过3个fieldset元素。我尝试使用size方法但是函数为每个fr_fieldsets_block块添加了我的愿望类。我怎样才能真实地执行此操作？这是我的js：

var fr_fieldsets_block = $('.fr_fieldsets_block'),
    filter_row_fieldset = fr_fieldsets_block.find('fieldset');
filter_row_fieldset.filter(function(){return $(this).size() >= 3;})
    .parent().addClass('scroll-pane');

是的，求助。

Answer 1

$('.fr_fieldsets_block').filter(function() {
   return $('fieldset', this).length > 2; // >= 3
}).addClass('scroll-pane');

http://jsfiddle.net/5esLP/

Answer 2

if ($('.fr_fieldsets_block').find('fieldset').length >= 3)
 {
     $(this).addClass('scroll-pane');
 }

Answer 3

   $(".fr_fieldsets_block").each(function(){
     var fieldSetLength=$(this).find('fieldset').length;
     if(fieldSetLength>3){
       $(this).addClass('newClass');
     }
   });

如何使用jQuery为许多类似元素parent添加类

3 个答案: