Question

i have this markup:

<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>

Now: i need to add some class for fr_fieldsets_block element if it have more than 3 fieldset elements. I’v try with size method but function add my wish class for every fr_fieldsets_block block. How can i execute this for real? This is my 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');

thx, for help.

Answer 1

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

http://jsfiddle.net/5esLP/