javascript - 如何使用 jQuery 为许多相似元素的父元素添加类

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');

thx，寻求帮助。

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');
     }
   });