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

标签 javascript jquery size parent addclass

我有这个标记:

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

谢谢,寻求帮助。

最佳答案

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

http://jsfiddle.net/5esLP/

关于javascript - 如何使用 jQuery 为许多相似的父元素添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14379424/

相关文章:

javascript - Fabric.js - 等到 loadedSVGFromString 在渲染组之前完成

javascript - 选中复选框时如何获取包含 "time"onclick 到文本区域的值?

javascript - 我的数据表问题的正确语法是什么?

javascript - 根据 EasyPieCharts 的动态数据更改 ProgressBar 颜色

c# - Web API JSON 属性长度限制?

c# - 正确获取磁盘大小

c++ - 使 QMenu 具有与父级相同的宽度(QPushButton)

javascript - 测试监听 stdin.isTTY 的 Node CLI 工具?

php - 请求准备文件并返回路径,准备好后允许用户下载

jquery - Bootstrap Scrollspy 不适用于 AJAX 加载的菜单